/* Tokens do design system FOURMI THINK — copiados de ~/FOURMI THINK/design-system/styles.css */
:root{
  /* ---------- Palette · primary = verde FOURMI (interaction family) ---------- */
  --primary:#053D2E;            --on-primary:#F8F6EF;          /* 11.3:1 */
  --primary-light:#0F5A45;      --primary-dark:#022A1F;        /* hover / pressed */
  --primary-container:#E3EEE9;  --on-primary-container:#053D2E;/* 10.3:1 */
  --primary-ink:#053D2E;                                       /* text-safe primary */

  /* ---------- secondary = dourado (signature: ONE main action / highlight per screen) ---------- */
  --secondary:#D4A853;          --on-secondary:#0F1E19;        /* 7.8:1 */
  --secondary-light:#E6C783;    --secondary-dark:#B88C35;
  --secondary-ink:#8A6516;                                     /* gold as text on paper 4.9:1 */
  --gold-line:#D4A853;                                         /* "fio de ouro" hairline (decorative) */

  /* ---------- status (MUI: main/light/dark/contrastText + container pair) ---------- */
  --info:#315C73;    --on-info:#FFFFFF;    --info-light:#5C8299;  --info-dark:#1F4256;
  --info-container:#E4EDF2;    --on-info-container:#1F4256;     /* 9.0:1 */
  --success:#1E7A52; --on-success:#FFFFFF; --success-light:#3E9C72; --success-dark:#135A3B;
  --success-container:#E2F3E9; --on-success-container:#135A3B;  /* 7.1:1 */
  --warning:#9A5B00; --on-warning:#FFFFFF; --warning-light:#C98A2E; --warning-dark:#6E4100;
  --warning-container:#FDF2DD; --on-warning-container:#6E4100;  /* 7.8:1 */
  --error:#B3261E;   --on-error:#FFFFFF;   --error-light:#D9534C;   --error-dark:#8C1D18;
  --error-container:#FCE5E6;   --on-error-container:#8C1D18;    /* 7.6:1 */

  /* ---------- background / paper / chrome ---------- */
  --bg:#F8F6EF;                 --on-bg:#10261F;               /* background.default · 14.7:1 */
  --surface:#FFFFFF;            --on-surface:#10261F;          /* background.paper */
  --surface-sunken:#EFEBE0;                                    /* wells, track, skeleton */
  --muted-surface:#EFEBE0;      --on-muted-surface:#4A5A54;    /* 6.1:1 */
  --chrome:#053D2E;             --on-chrome:#F8F6EF;           /* app bar + bottom nav frame */
  --on-chrome-muted:#A9BDB5;                                   /* inactive nav on chrome 6.2:1 */
  --chrome-accent:var(--secondary);                            /* active nav on chrome 5.6:1 */

  /* ---------- text (MUI text.*) ---------- */
  --text-primary:#10261F;
  --text-secondary:#4A5A54;  --muted:#4A5A54;                  /* 6.7:1 on bg */
  --subtle:#6B7A73;                                            /* tertiary ink 4.5:1 on paper */
  --text-disabled:#8C978F;

  /* ---------- lines ---------- */
  --divider:#E4E0D4;  --border:#E4E0D4;  --border-faint:#EEEBE2;
  --outline:#7A877F;                                           /* input borders 3.5:1 */
  --hairline:rgb(16 38 31 / .08);

  /* ---------- action (MUI action.*) — state layers on the primary ink ---------- */
  --action-active:#4A5A54;
  --action-hover:rgb(5 61 46 / .06);
  --action-selected:rgb(5 61 46 / .10);
  --action-focus:rgb(5 61 46 / .14);
  --action-disabled:#8C978F;
  --action-disabled-bg:rgb(16 38 31 / .08);

  /* ---------- domain: subject (matéria) categories — dot / tint / ink ---------- */
  --subj-mat:#7B5CE6; --subj-mat-bg:#EFEAFD; --subj-mat-ink:#5B3FC4;   /* 6.1:1 */
  --subj-fis:#D9901F; --subj-fis-bg:#FDF2DD; --subj-fis-ink:#8A5A00;   /* 5.3:1 */
  --subj-qui:#23935F; --subj-qui-bg:#E2F3E9; --subj-qui-ink:#17734A;   /* 5.1:1 */
  --subj-ing:#D9505A; --subj-ing-bg:#FCE5E6; --subj-ing-ink:#B03A44;   /* 5.0:1 */
  --link:var(--primary-ink);

  /* ---------- spacing · 8px spacing() scale + semantic roles ---------- */
  --sp-2:2px; --sp-4:4px; --sp-8:8px; --sp-12:12px; --sp-16:16px; --sp-20:20px;
  --sp-24:24px; --sp-32:32px; --sp-48:48px; --sp-64:64px;
  --opt-1:1px; --opt-3:3px;
  --gap-related:var(--sp-8); --gap-section:var(--sp-24); --gap-major:var(--sp-32);
  --layout-gutter:var(--sp-20);
  --target-min:48px;

  /* ---------- shape (borderRadius scale) ---------- */
  --r-none:0; --r-xs:6px; --r-sm:10px; --r-md:16px; --r-lg:22px; --r-full:999px;

  /* ---------- shadows · soft, green-tinted; MUI subset 0/1/4/8/16 ---------- */
  --shadow-ink:5 61 46;
  --elev-0:none;
  --elev-1:0 1px 2px rgb(var(--shadow-ink)/.06), 0 2px 8px rgb(var(--shadow-ink)/.06);
  --elev-2:0 2px 4px rgb(var(--shadow-ink)/.06), 0 8px 20px rgb(var(--shadow-ink)/.10);
  --elev-3:0 6px 12px rgb(var(--shadow-ink)/.08), 0 16px 36px rgb(var(--shadow-ink)/.16);
  --elev-gold:0 10px 24px -8px rgb(140 100 20 / .55);           /* FAB / signature only */

  /* ---------- craft ---------- */
  --ring:rgb(212 168 83 / .85);
  --focus-ring:0 0 0 2px var(--bg), 0 0 0 4px var(--ring);
  --signature:var(--secondary);
  --wash:var(--bg);
  --scrim:rgb(2 26 19 / .48);

  /* ---------- type families ---------- */
  --font-display:'Archivo','Plus Jakarta Sans',system-ui,sans-serif;  /* wide, logo-like — titles only */
  --display-stretch:125%;
  --font-body:'Plus Jakarta Sans',-apple-system,'Segoe UI',Roboto,sans-serif;
  --font-mono:ui-monospace,'SF Mono',Menlo,monospace;

  /* ---------- transitions (MUI durations + easing) ---------- */
  --dur-shortest:150ms; --dur-fast:200ms; --dur-base:250ms; --dur-standard:300ms; --dur-slow:375ms;
  --ease:cubic-bezier(.4,0,.2,1);           /* easeInOut */
  --ease-out:cubic-bezier(0,0,.2,1);
  --ease-in:cubic-bezier(.4,0,1,1);
  --ease-sharp:cubic-bezier(.4,0,.6,1);
  --ease-spring:cubic-bezier(.34,1.45,.5,1);

  /* ---------- breakpoints & z-index (MUI) ---------- */
  --bp-sm:600px; --bp-md:900px; --bp-lg:1200px;
  --z-appbar:1100; --z-drawer:1200; --z-modal:1300; --z-snackbar:1400; --z-tooltip:1500;

  /* ---------- icons (Material-outlined family, rounded joins to match Jakarta) ---------- */
  --icon-size:24px; --icon-inline:18px; --icon-large:28px; --icon-stroke:1.9;
  --icon-cap:round; --icon-join:round; --icon-fill:none;
}
:root{
  --ink:#021F17; --line-dark:#1E4A3C; --mist:#A9BDB5; --mist-2:#8FA89F;
  --display:"Archivo",system-ui,sans-serif;
  --body:"Plus Jakarta Sans",system-ui,sans-serif;
  --ease-out:cubic-bezier(.16,1,.3,1);
}