/* ========================================================================== 
   FILE: __core/coreCss/tokens.css
   PURPOSE: Global design tokens for DELTADESK UI 2026.
   SCOPE: All screens and components.
   DEPENDS: theme.light.css, theme.dark.css.
   NOTES: Component files must consume tokens from this file.
   ========================================================================== */

/* [FONTS] Shared font faces */
@font-face {
  font-family: 'deltadesk-menu-title';
  src: url('../coreFonts/TiltNeon-Regular-VariableFont_XROT,YROT.ttf') format('truetype');
  font-display: swap;
}

/* Fuente de marca — Goldman (reemplaza Anta) */
@font-face {
  font-family: 'deltadesk-logo';
  src: url('../coreFonts/Goldman-Regular.ttf') format('truetype');
  font-weight: 400;
  font-display: swap;
}
@font-face {
  font-family: 'deltadesk-logo';
  src: url('../coreFonts/Goldman-Bold.ttf') format('truetype');
  font-weight: 700;
  font-display: swap;
}

@font-face {
  font-family: 'deltadesk-main-font';
  src: url('../coreFonts/Exo2-VariableFont_wght.ttf') format('truetype');
  font-display: swap;
}

/* [TOKENS] Default tokens (light baseline) */
:root {
  --signature-list-min-width: 81rem;
  --font-ui: 'deltadesk-main-font', 'Segoe UI', sans-serif;
  --font-data: 'deltadesk-main-font', 'Segoe UI', sans-serif;
  --fs-ui: 14px;
  --fs-data: 12.5px;
  --lh-ui: 1.45;
  --lh-data: 1.35;

  --bg: #eef2f6;
  --surface-1: #ffffff;
  --surface-2: #f8fafc;
  --surface-3: #e8edf3;
  --surface-panel: rgba(255, 255, 255, 0.88);
  --surface-panel-solid: #ffffff;
  --surface-card: color-mix(in srgb, var(--surface-1) 96%, transparent);
  --surface-card-hover: color-mix(in srgb, var(--surface-1) 92%, var(--primary) 8%);
  --surface-modal: var(--surface-1);
  --surface-modal-muted: var(--surface-2);
  --border-subtle: rgba(219, 225, 234, 0.85);
  --shadow-elevated: 0 18px 50px -30px rgba(15,23,42,0.22), 0 2px 10px -5px rgba(15,23,42,0.08);
  --text: #142033;
  --text-muted: #58667a;
  --border: #cfd7e3;
  --divider: #dde4ee;

  --primary: #0067ad;
  --primary-contrast: #ffffff;
  --accent: #22a6e8;
  --accent-contrast: #05263c;

  --success: #15803d;
  --success-contrast: #ffffff;
  --warning: #b45309;
  --warning-contrast: #ffffff;
  --danger: #b42318;
  --danger-contrast: #ffffff;
  --info: #0369a1;
  --info-contrast: #ffffff;

  --focus-ring: 0 0 0 3px rgba(34, 166, 232, 0.35);
  --shadow-color: rgba(6, 24, 44, 0.09);
  --shadow-1: 0 2px 8px var(--shadow-color);
  --listing-row-even: #ffffff;
  --listing-row-odd: #f7f9fc;
  --listing-row-hover: #e9edf3;
  --listing-row-selected: #f2f4b9;
  --listing-row-selected-text: #142033;
  --offcanvas-bg: #e9edf3;
  --offcanvas-surface-2: #dde4ec;
  --offcanvas-surface-3: #e5ebf2;
  --offcanvas-text: #1b2838;
  --offcanvas-border: #c7d1dd;
  --offcanvas-scroll-thumb: #a1acb9;
  --offcanvas-scroll-thumb-hover: #8d99a8;
  --offcanvas-scroll-track: #d8e0e9;
  --dd-brand-gradient: linear-gradient(90deg, rgba(0,103,173,1) 0%, rgba(0,103,173,1) 80%, rgba(65,223,255,1) 100%);
  --offcanvas-accordion-grad-1: #0067ad;
  --offcanvas-accordion-grad-2: #0067ad;
  --offcanvas-accordion-grad-3: #41dfff;

  --sp-1: 4px;
  --sp-2: 8px;
  --sp-3: 12px;
  --sp-4: 16px;
  --sp-5: 24px;
  --sp-6: 32px;
  --sp-7: 48px;

  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 16px;

  --dd-navbar-h: 52px;
  --dd-navbar-offset: var(--dd-navbar-h); /* shared shell offset: body flow + sticky toolbars */
  --dd-taskbar-h: 40px;
  --dd-toolbar-h: 66px;
  --dd-toolbar-h-mobile: auto;            /* grows with stacked content on mobile */
  --dd-toolbar-border-indicator: 2px;     /* underline slide thickness on action buttons */
  --dd-icon-chip-size: 34px;              /* module icon chip dimensions */
  --dd-content-gap: 28px;
  --dd-z-navbar: 1030;
  --dd-z-toolbar: 1020;
  --dd-z-taskbar: 9002;
  --dd-z-taskbar-overlay: 9010;

  /* [ACTION STATES] Contextual action bar button states */
  --dd-action-disabled-opacity: 0.52;
  --dd-action-disabled-cursor: not-allowed;

  /* [LISTING STATES] Blocked / locked row */
  --listing-row-blocked: #fef9ec;
  --listing-row-blocked-border: #f59e0b;
  --listing-row-blocked-text: #92400e;

  /* [SELECTION BADGE] Master checkbox control */
  --dd-selection-badge-bg: color-mix(in srgb, var(--primary) 12%, transparent);
  --dd-selection-badge-color: var(--primary);
}