/* ============================================================================
 * AFood — skin unificat "Operations desk" (2026-09)
 * Un limbaj vizual comun pentru Fleet și Mission Control: canvas rece și spațios,
 * cotor lateral închis și liniștit, tipografie Hanken Grotesk foarte lizibilă,
 * culoarea folosită DOAR ca sens (status, acțiuni), nu ca decor.
 *
 * Singura diferență între aplicații e ACCENTUL (blocul de mai jos):
 *   Fleet = teal  #0e9384   ·   Mission Control = royal blue #2f56c9
 * Restul tokenilor sunt identici. Numele de tokens (nomenclatura fleet ȘI cea
 * a registrului MC) sunt toate definite aici, ca tot CSS-ul existent să se
 * re-skinuiască fără modificări.
 * ========================================================================== */

:root {
  /* ==== ACCENT (per-aplicație — SINGURUL bloc care diferă) ================= */
  --accent:        #2f56c9;
  --accent-strong: #2645a8;   /* hover / pressed */
  --accent-soft:   #e7ecfb;   /* tinte, pastile, nav activ */
  --accent-softer: #f2f5fe;
  --accent-onsoft: #23408f;   /* text pe fundal soft */
  --accent-rgb:    47, 86, 201;

  /* ==== Suprafețe & cerneală ============================================== */
  --canvas:          #f5f7f9;   /* fundalul aplicației */
  --surface:         #ffffff;   /* carduri, modale, dropdown */
  --surface-bright:  #fbfcfd;   /* stare pressed / alternativă */
  --surface-subtle:  #f2f5f8;   /* headere de tabel, panouri discrete */
  --ink:             #1b2027;   /* text principal (slate cald, nu negru-tent) */
  --ink-2:           #59616e;   /* text secundar */
  --ink-3:           #8b93a1;   /* text terțiar, etichete */
  --line:            #e6e9ee;   /* linii de bază */
  --line-soft:       #eef1f4;   /* linii foarte discrete */
  --line-strong:     #d4dae1;   /* borduri accentuate */

  /* ==== Cotor lateral (slate profund, liniștit) ========================== */
  --rail:            #14181f;
  --rail-elev:       #191e26;
  --rail-hover:      #222833;
  --rail-line:       #262d38;
  --rail-text:       #949cab;
  --rail-text-bright:#e8ebf0;
  --rail-label:      #626b79;

  /* ==== Semantice (culoare = sens) ======================================= */
  --success:      #12915a;  --success-soft: #e5f3ec;  --success-rgb: 18, 145, 90;
  --warning:      #c67a09;  --warning-soft: #fbf1e2;  --warning-rgb: 198, 122, 9;
  --danger:       #d63f38;  --danger-soft:  #fbeceb;  --danger-rgb:  214, 63, 56;
  --info:         #2f6fd0;  --info-soft:    #eaf1fb;  --info-rgb:    47, 111, 208;
  --neutral:      #64707f;  --neutral-soft: #eef1f4;  --neutral-rgb: 100, 112, 127;
  --purple:       #6a4bd0;  --purple-soft:  #efeafb;  --purple-rgb:  106, 75, 208;

  /* ==== Tipografie ======================================================== */
  --font-ui:   'Hanken Grotesk', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --font-data: 'IBM Plex Mono', ui-monospace, 'JetBrains Mono', Menlo, Consolas, monospace;

  --fs-11: 11px;
  --fs-12: 12px;
  --fs-13: 13px;
  --fs-14: 14px;   /* baza UI */
  --fs-15: 15px;
  --fs-17: 17px;
  --fs-20: 20px;
  --fs-26: 26px;
  --fs-34: 34px;

  --fw-regular:  400;
  --fw-medium:   500;
  --fw-semibold: 600;
  --fw-bold:     700;

  /* ==== Rază, spațiere, umbre, mișcare ==================================== */
  --r-badge: 6px;
  --r-input: 9px;
  --r-btn:   9px;
  --r-card:  13px;
  --r-modal: 16px;
  --r-full:  9999px;

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

  --shadow-1: 0 1px 2px rgba(20, 24, 31, 0.05);
  --shadow-2: 0 1px 3px rgba(20, 24, 31, 0.06), 0 1px 2px rgba(20, 24, 31, 0.04);
  --shadow-3: 0 8px 24px rgba(20, 24, 31, 0.10), 0 2px 6px rgba(20, 24, 31, 0.05);
  --shadow-4: 0 16px 40px rgba(20, 24, 31, 0.14);
  --shadow-5: 0 24px 56px rgba(20, 24, 31, 0.20);
  --ring:     0 0 0 3px rgba(var(--accent-rgb), 0.22);

  --lay-sidebar:   248px;
  --lay-collapsed: 72px;
  --lay-topbar:    62px;
  --lay-mobilenav: 58px;
  --lay-content:   1440px;

  --t-fast: 140ms cubic-bezier(0.25, 1, 0.5, 1);
  --t-med:  240ms cubic-bezier(0.25, 1, 0.5, 1);

  /* ========================================================================
   * ALIASURI DE CONTRACT — numele de tokens folosite de componentele partajate
   * și de CSS-ul existent al CELOR DOUĂ aplicații, mapate pe skinul de mai sus.
   * (Nu redenumi nimic în componente/pagini; totul se re-skinuiește de aici.)
   * ====================================================================== */

  /* — nomenclatura fleet — */
  --color-primary:          var(--accent);
  --color-primary-light:    var(--accent);
  --color-primary-dark:     var(--accent-strong);
  --color-primary-text:     #ffffff;
  --color-primary-soft:     var(--accent-soft);
  --color-primary-soft-text:var(--accent-onsoft);
  --color-primary-rgb:      var(--accent-rgb);
  --color-transit:          var(--info);

  --color-bg:               var(--canvas);
  --color-surface:          var(--surface);
  --color-surface-bright:   var(--surface-bright);
  --color-surface-subtle:   var(--surface-subtle);
  --color-text:             var(--ink);
  --color-text-secondary:   var(--ink-2);
  --color-text-muted:       var(--ink-3);
  --color-border:           var(--line);
  --color-border-light:     var(--line-soft);
  --color-border-strong:    var(--line-strong);

  --color-sidebar:             var(--rail);
  --color-sidebar-elev:        var(--rail-elev);
  --color-sidebar-hover:       var(--rail-hover);
  --color-sidebar-active:      var(--accent);
  --color-text-sidebar:        var(--rail-text);
  --color-text-sidebar-bright: var(--rail-text-bright);

  --color-success: var(--success); --color-success-rgb: var(--success-rgb);
  --color-warning: var(--warning); --color-warning-rgb: var(--warning-rgb);
  --color-danger:  var(--danger);  --color-danger-rgb:  var(--danger-rgb);
  --color-info:    var(--info);    --color-info-rgb:    var(--info-rgb);

  --font-family:      var(--font-ui);
  --font-family-mono: var(--font-data);
  --font-size-xs:   var(--fs-11);
  --font-size-sm:   var(--fs-12);
  --font-size-base: var(--fs-14);
  --font-size-md:   var(--fs-15);
  --font-size-lg:   var(--fs-17);
  --font-size-xl:   var(--fs-20);
  --font-size-2xl:  var(--fs-26);
  --font-size-3xl:  var(--fs-34);
  --font-weight-regular:  var(--fw-regular);
  --font-weight-medium:   var(--fw-medium);
  --font-weight-semibold: var(--fw-semibold);
  --font-weight-bold:     var(--fw-bold);
  --font-weight-extra:    var(--fw-bold);

  --spacing-xs:  var(--s-1);
  --spacing-sm:  var(--s-2);
  --spacing-md:  var(--s-4);
  --spacing-lg:  var(--s-5);
  --spacing-xl:  var(--s-6);
  --spacing-2xl: var(--s-7);

  --radius-xs:   var(--r-badge);
  --radius-sm:   var(--r-input);
  --radius-md:   var(--r-btn);
  --radius-lg:   var(--r-card);
  --radius-xl:   var(--r-modal);
  --radius-2xl:  20px;
  --radius-full: var(--r-full);

  --shadow-xs: var(--shadow-1);
  --shadow-sm: var(--shadow-2);
  --shadow-md: var(--shadow-3);
  --shadow-lg: var(--shadow-4);
  --shadow-xl: var(--shadow-5);
  --shadow-focus: var(--ring);

  --sidebar-width:     var(--lay-sidebar);
  --sidebar-collapsed: var(--lay-collapsed);
  --topbar-height:     var(--lay-topbar);
  --mobile-nav-height: var(--lay-mobilenav);
  --content-max:       var(--lay-content);

  --transition-fast: var(--t-fast);
  --transition-base: var(--t-med);
  --transition-slow: 360ms cubic-bezier(0.25, 1, 0.5, 1);
  --ease-out-quart:  cubic-bezier(0.25, 1, 0.5, 1);

  /* — nomenclatura Mission Control (registru) — */
  --color-ink:        var(--ink);
  --color-ink-soft:   var(--ink-2);
  --color-ink-faint:  var(--ink-3);
  --color-paper:      var(--canvas);
  --color-accent:      var(--accent);
  --color-accent-dark: var(--accent-strong);
  --color-accent-soft: var(--accent-soft);
  --color-accent-rgb:  var(--accent-rgb);
  --color-rule:       var(--accent);          /* linia de margine devine accent */
  --color-rule-rgb:   var(--accent-rgb);
  --color-success-soft: var(--success-soft);
  --color-warning-soft: var(--warning-soft);
  --color-danger-soft:  var(--danger-soft);
  --color-info-soft:    var(--info-soft);
  --color-neutral:      var(--neutral);   --color-neutral-soft: var(--neutral-soft); --color-neutral-rgb: var(--neutral-rgb);
  --color-purple:       var(--purple);    --color-purple-soft:  var(--purple-soft);  --color-purple-rgb:  var(--purple-rgb);
  --color-border-soft:  var(--line-soft);
  --color-sidebar-text:        var(--rail-text);
  --color-sidebar-text-active: var(--rail-text-bright);
  --color-sidebar-label:       var(--rail-label);
  --color-sidebar-border:      var(--rail-line);

  --font-ui-legacy: var(--font-ui);
  --font-mono: var(--font-data);
  --fs-10: 10px; --fs-16: var(--fs-15); --fs-18: var(--fs-17);
  --ls-caps: 0.04em;

  --sp-1: var(--s-1); --sp-2: var(--s-2); --sp-3: var(--s-3);
  --sp-4: var(--s-4); --sp-5: var(--s-5); --sp-6: var(--s-6); --sp-7: var(--s-7);

  --radius-badge: var(--r-badge);
  --radius-input: var(--r-input);
  --radius-btn:   var(--r-btn);
  --radius-card:  var(--r-card);
  --radius-modal: var(--r-modal);

  --shadow-card:  var(--shadow-2);
  --shadow-pop:   var(--shadow-3);
  --shadow-modal: var(--shadow-5);

  --t-med-legacy: var(--t-med);
}

/* Override MC: numele --font-ui era Space Grotesk; îl ducem pe Hanken. */
:root { --font-ui: 'Hanken Grotesk', system-ui, -apple-system, 'Segoe UI', sans-serif; }