@charset "UTF-8";
/* ==========================================================================
   CELADON · PRIMITIVE TOKENS
   Raw values. Never consumed by components directly — only by semantic.css.
   Layer 1 of 5: Primitives → Semantic → Components → Patterns → Pages
   ========================================================================== */
:root {
  /* ---- Color · greens (dark → light) ---------------------------------- */
  --green-950: #10201F; /* Carbon Black */
  --green-900: #172925; /* Jet Black */
  --green-850: #1C302A; /* Evergreen */
  --green-800: #1F352D; /* Deep Evergreen */
  --green-700: #315F3B; /* Hunter Green */
  --green-650: #3F7048; /* Turf Green */
  --green-600: #4D8056; /* Fern */
  --green-500: #78B581; /* Mint Leaf */
  --green-400: #87CB8F; /* Willow Green */
  --green-300: #96E09D; /* Celadon */
  --green-100: #E2F0E4; /* Honeydew Deep (Título 5 highlight, light) */
  --green-75:  #E8F3E9; /* Honeydew */
  --green-50:  #F3FCF4; /* Mint Cream (dark-mode ink) */
  --green-25:  #F4FCF5; /* Mint Cream (light-mode surface) */
  --green-10:  #FBFEFB; /* Porcelain */

  /* ---- Color · teals ------------------------------------------------- */
  --teal-600: #527060; /* Deep Teal */
  --teal-500: #6F927A; /* Muted Teal */

  /* ---- Color · status ------------------------------------------------ */
  --emerald-400: #4ADE80; /* Emerald */
  --emerald-700: #158447; /* Sea Green — darkened from #168A4A for 4.5:1 AA on --green-10 */
  --red-400:     #F14343; /* Strawberry Red */
  --red-700:     #C72E36; /* Tomato Jam */
  --amber-400:   #FACC15; /* Bright Amber */
  --amber-700:   #936D00; /* Golden Earth — darkened from #9A7200 for 4.5:1 AA on --green-10 */
  --blue-400:    #60A5FA; /* Cool Horizon */
  --blue-700:    #2874B2; /* Rich Cerulean */

  /* ---- Font families ------------------------------------------------- */
  --font-display: "League Gothic", "Oswald", "Arial Narrow", "Roboto Condensed", Impact, sans-serif;
  --font-sans: "Urbanist", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --font-mono: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;

  /* ---- Font weights -------------------------------------------------- */
  --fw-light: 300;
  --fw-regular: 400;
  --fw-medium: 500;
  --fw-semibold: 600;
  --fw-bold: 700;

  /* ---- Font sizes · web scale (spec pt × 1.333 = mobile minimum) ------ */
  --fs-display: clamp(3.5rem, 1.6rem + 8.2vw, 11rem);
  --fs-h1: clamp(2.167rem, 1.35rem + 3.4vw, 5.5rem);   /* Título   26pt */
  --fs-h2: clamp(1.667rem, 1.15rem + 2.1vw, 3.25rem);  /* Título 1 20pt */
  --fs-h3: clamp(1.333rem, 1rem + 1.35vw, 2.25rem);    /* Título 2 16pt */
  --fs-h4: clamp(1.167rem, .95rem + .8vw, 1.625rem);   /* Título 3 14pt */
  --fs-title-sm: 1.0833rem;                            /* Título 4 13pt */
  --fs-body-lg: clamp(1.125rem, 1.02rem + .45vw, 1.375rem);
  --fs-body: 1rem;                                     /* Texto    12pt */
  --fs-body-sm: .9167rem;                              /* Subtítulo 11pt */
  --fs-caption: .8125rem;
  --fs-label: .875rem;
  --fs-overline: .75rem;
  --fs-mono: .875rem;                                  /* Semânticos 11pt */
  --fs-code: .8125rem;
  --fs-metric: clamp(3rem, 2.2rem + 3.2vw, 5.5rem);

  /* ---- Font sizes · document scale (verbatim spec, for print/PDF/slides) */
  --doc-title: 26pt;
  --doc-t1: 20pt;
  --doc-t2: 16pt;
  --doc-t3: 14pt;
  --doc-t4: 13pt;
  --doc-body: 12pt;
  --doc-sub: 11pt;
  --doc-mono: 11pt;

  /* ---- Line heights -------------------------------------------------- */
  --lh-display: .9;    /* Display only — League Gothic ≥ 56px */
  --lh-tight: 1;       /* H1 on web */
  --lh-spec: 1.15;     /* The brand spec value: headings, UI, single lines */
  --lh-snug: 1.35;
  --lh-body: 1.55;     /* Running text longer than one line */
  --lh-code: 1.6;

  /* ---- Letter spacing ------------------------------------------------ */
  --ls-tight: -.01em;
  --ls-normal: 0;
  --ls-display: .005em;
  --ls-wide: .04em;
  --ls-wider: .12em;

  /* ---- Spacing (4-based) --------------------------------------------- */
  --space-0: 0;
  --space-2: .125rem;
  --space-4: .25rem;
  --space-8: .5rem;
  --space-12: .75rem;
  --space-16: 1rem;
  --space-20: 1.25rem;
  --space-24: 1.5rem;
  --space-32: 2rem;
  --space-40: 2.5rem;
  --space-48: 3rem;
  --space-64: 4rem;
  --space-80: 5rem;
  --space-96: 6rem;
  --space-128: 8rem;

  /* ---- Sizes --------------------------------------------------------- */
  --size-icon-16: 16px;
  --size-icon-20: 20px;
  --size-icon-24: 24px;
  --size-icon-32: 32px;
  --size-control-sm: 2rem;
  --size-control-md: 2.5rem;
  --size-control-lg: 3rem;
  --size-touch: 2.75rem;
  --size-avatar-sm: 2rem;
  --size-avatar-md: 3rem;
  --size-avatar-lg: 6rem;
  --size-content: 42.5rem;   /* ~68ch of Urbanist 16px */
  --size-wide: 67.5rem;
  --size-max: 85rem;

  /* ---- Radius -------------------------------------------------------- */
  --radius-0: 0;
  --radius-2: 2px;
  --radius-4: 4px;
  --radius-6: 6px;
  --radius-8: 8px;
  --radius-12: 12px;
  --radius-full: 999px;

  /* ---- Border widths ------------------------------------------------- */
  --bw-hairline: 1px;
  --bw-strong: 2px;
  --bw-focus: 2px;
  --focus-offset: 2px;

  /* ---- Opacity ------------------------------------------------------- */
  --opacity-disabled: .42;
  --opacity-muted: .64;
  --opacity-scrim: .72;
  --opacity-hover: .08;
  --opacity-press: .14;

  /* ---- Z-index ------------------------------------------------------- */
  --z-base: 0;
  --z-raised: 10;
  --z-sticky: 100;
  --z-header: 200;
  --z-drawer: 300;
  --z-modal: 400;
  --z-toast: 500;
  --z-tooltip: 600;
  --z-noise: 1000;

  /* ---- Breakpoints (reference — CSS vars can't feed @media) ---------- */
  --bp-sm: 480px;
  --bp-md: 768px;
  --bp-lg: 1024px;
  --bp-xl: 1280px;
  --bp-2xl: 1536px;

  /* ---- Motion · duration --------------------------------------------- */
  --dur-instant: 100ms;
  --dur-fast: 180ms;
  --dur-normal: 280ms;
  --dur-slow: 450ms;
  --dur-cinematic: 800ms;

  /* ---- Motion · easing ----------------------------------------------- */
  --ease-standard: cubic-bezier(.2, 0, 0, 1);
  --ease-enter: cubic-bezier(.05, .7, .1, 1);
  --ease-exit: cubic-bezier(.3, 0, .8, .15);
  --ease-expressive: cubic-bezier(.7, 0, .2, 1);
  --ease-spring: cubic-bezier(.34, 1.45, .64, 1);

  /* ---- Motion · distance --------------------------------------------- */
  --move-2: 2px;
  --move-4: 4px;
  --move-16: 16px;
  --move-32: 32px;
  --move-64: 64px;

  /* ---- Blur ---------------------------------------------------------- */
  --blur-0: 0;
  --blur-4: 4px;
  --blur-12: 12px;
  --blur-24: 24px;

  /* ---- Noise --------------------------------------------------------- */
  --noise-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
  --noise-size: 260px;
}