/* ============================================================
   MYKO DESIGN SYSTEM — TOKENS
   ============================================================ */

:root {
  /* Color — Primary */
  --ink:          #06211A;
  --ink-soft:     #0F2C24;
  --paper:        #FAFAF6;
  --paper-warm:   #F4F3ED;

  /* Color — Brand */
  --fresh:        #007023;
  --fresh-deep:   #0E4A24;
  --fresh-tint:   #E7F0E9;

  /* Color — Neutrals */
  --ash:          #D9DAD3;
  --ash-soft:     #E8E9E3;
  --steel:        #5F6B65;
  --steel-soft:   #8E9994;

  /* Color — Signal (use sparingly) */
  --signal:       #B34424;
  --signal-tint:  #F4E4DD;

  /* Type */
  --font-sans: "Instrument Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-mono: "JetBrains Mono", ui-monospace, "SF Mono", Monaco, monospace;

  /* Type scale */
  --fs-mono:      0.72rem;
  --fs-xs:        0.813rem;
  --fs-sm:        0.938rem;
  --fs-base:      1.063rem;
  --fs-lg:        1.25rem;
  --fs-xl:        1.5rem;
  --fs-2xl:       1.938rem;
  --fs-3xl:       2.625rem;
  --fs-4xl:       3.75rem;
  --fs-5xl:       5.25rem;

  /* Type — line height */
  --lh-tight:     1.05;
  --lh-snug:      1.2;
  --lh-normal:    1.5;
  --lh-relaxed:   1.65;

  /* Type — tracking */
  --tr-tight:     -0.02em;
  --tr-mono:      0.02em;
  --tr-mono-lg:   0.04em;

  /* Spacing (8px base) */
  --s-1:  0.25rem;
  --s-2:  0.5rem;
  --s-3:  0.75rem;
  --s-4:  1rem;
  --s-5:  1.5rem;
  --s-6:  2rem;
  --s-7:  3rem;
  --s-8:  4rem;
  --s-9:  6rem;
  --s-10: 8rem;
  --s-11: 12rem;

  /* Layout */
  --wrap-narrow:  720px;
  --wrap-text:    920px;
  --wrap:         1280px;
  --wrap-wide:    1440px;

  /* Radii */
  --r-sm: 3px;
  --r-md: 4px;
  --r-lg: 6px;
  --r-pill: 999px;

  /* Motion */
  --ease-out: cubic-bezier(0.2, 0.7, 0.2, 1);
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
  --dur-fast: 150ms;
  --dur-med: 320ms;
  --dur-slow: 640ms;
  --dur-hero: 1800ms;

  /* Border widths */
  --hairline: 1px;
}

@media (max-width: 768px) {
  :root {
    --fs-3xl:     2rem;
    --fs-4xl:     2.5rem;
    --fs-5xl:     3.25rem;
    --s-9:        4rem;
    --s-10:       5rem;
    --s-11:       7rem;
  }
}