/* MAS interface tokens — canonical. Ratified 2026-10-01 from the MAS Talent release of 2026-09-25
   (fd082b9). Values are identical to production; only the --mas- prefix is added so the set can live
   inside any product without colliding. Mapping to Talent's legacy names: references/ui-system.md §1. */

@font-face{font-family:"Figtree";src:url("../fonts/figtree/Figtree-Variable.ttf") format("truetype");font-weight:300 900;font-display:swap}
@font-face{font-family:"Montserrat";src:url("../fonts/montserrat/Montserrat-Regular.ttf") format("truetype");font-weight:400;font-display:swap}
@font-face{font-family:"Montserrat";src:url("../fonts/montserrat/Montserrat-Bold.ttf") format("truetype");font-weight:700;font-display:swap}

:root{
  /* Brand — brandbook 2026, fixed */
  --mas-brand-daintree:#0F2533;
  --mas-brand-kashmir:#516F8D;
  --mas-brand-bay:#B6E3E8;
  --mas-brand-gray:#DDE2E6;
  --mas-brand-red:#DF1833;

  /* Roles */
  --mas-ink:var(--mas-brand-daintree);
  --mas-ink-2:var(--mas-brand-kashmir);
  --mas-surface:#FBFCFD;
  --mas-selection:#DFF2F5;                 /* 40% Bay: selected row */
  --mas-action:var(--mas-brand-red);
  --mas-action-hover:#BD142B;
  --mas-action-label:var(--mas-surface);
  --mas-critical-text:#A71B31;             /* rejection, critically low value, real blocker */

  /* Neutrals derived from Daintree — never sampled grays, never from Kashmir */
  --mas-canvas:color-mix(in oklab,#0F2533 5%,#FBFCFD);   /* 5% keeps Kashmir text at 4.58:1; 6% fails (4.48) */
  --mas-fill:color-mix(in oklab,#0F2533 4.5%,#FBFCFD);
  --mas-fill-strong:color-mix(in oklab,#0F2533 9%,#FBFCFD);
  --mas-line:var(--mas-brand-gray);                            /* structural lines: tabs baseline, section seams */
  --mas-control-border:color-mix(in oklab,#516F8D 80%,#FBFCFD); /* input/select/ghost borders: 3.49 surface, 3.14 canvas (WCAG 1.4.11) */
  --mas-line-soft:color-mix(in oklab,#0F2533 7%,transparent);  /* row dividers */
  --mas-ask:color-mix(in oklab,#B6E3E8 42%,#FBFCFD);           /* waiting / needs a decision */
  --mas-rail:var(--mas-brand-daintree);
  --mas-rail-text:color-mix(in oklab,#FBFCFD 72%,#0F2533);
  --mas-rail-hover:rgba(182,227,232,.10);
  --mas-rail-active:rgba(182,227,232,.14);
  --mas-focus:var(--mas-ink);

  /* Type: brand face for titles and object names, Figtree for operational text */
  /* Montserrat first everywhere until a licensed Gotham ships in every MAS product at once:
     one product on Gotham and another on Montserrat would break the family. */
  --mas-font-brand:"Montserrat","Gotham","Segoe UI",sans-serif;
  --mas-font-ui:"Figtree","Segoe UI",system-ui,sans-serif;
  --mas-text:.875rem;        /* 14 body */
  --mas-text-2:.8125rem;     /* 13 secondary */
  --mas-text-meta:.75rem;    /* 12 labels, headers, pills */
  --mas-text-micro:.6875rem; /* 11 kind labels, kbd */
  --mas-name:1.75rem;        /* 28 object name, brand face */
  --mas-title:clamp(1.75rem,2.5vw,2.25rem);

  /* Space: 4px base */
  --mas-space-1:.25rem;--mas-space-2:.5rem;--mas-space-3:.75rem;--mas-space-4:1rem;--mas-space-5:1.25rem;
  --mas-space-6:1.5rem;--mas-space-8:2rem;--mas-space-12:3rem;

  /* Radius by role */
  --mas-radius-control:.625rem;  /* 10: buttons, inputs, rows, chips */
  --mas-radius-object:.75rem;    /* 12: soft blocks, true objects */
  --mas-radius-overlay:1.25rem;  /* 20: docks, dialogs, drawers, floating surfaces */
  --mas-radius-pill:999px;       /* semantic pills and track ends only */

  /* Layers: only these values */
  --mas-z-sticky:100;--mas-z-scrim:200;--mas-z-nav:300;--mas-z-overlay:400;--mas-z-document:500;--mas-z-command:600;--mas-z-toast:700;

  /* Light, depth, material */
  --mas-edge-light:inset 0 1px 0 rgba(255,255,255,.9);
  --mas-shadow-soft:0 1px 2px rgba(15,37,51,.05),0 16px 36px -18px rgba(15,37,51,.28);
  --mas-material:color-mix(in oklab,#FBFCFD 80%,transparent);

  /* Motion */
  --mas-ease:cubic-bezier(.2,0,0,1);       /* hover and state, 160ms */
  --mas-damped:cubic-bezier(.25,.9,.35,1); /* spring, high damping, 200–360ms */
  --mas-micro:160ms;
  --mas-panel:240ms;

  /* Layout */
  --mas-rail-width:12.5rem;
  --mas-control-height:2.75rem;
  --mas-touch:2.75rem;
}