@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;1,300&family=IBM+Plex+Mono:wght@300&display=swap');

/* ─── Palette ─────────────────────────────────────────────── */
:root {
  --ink:       #0e0e0d;
  --carbon:    #131311;
  --border:    #252523;
  --stone:     #888880;
  --muted:     #444440;
  --paper:     #e8e4dc;
  --orange:    #E35A1B;
  --orange-dk: #b03d0e;
}

/* ─── Typography ──────────────────────────────────────────── */
:root {
  --font-display: 'Cormorant Garamond', Georgia, serif;
  --font-ui:      'IBM Plex Mono', 'Courier New', monospace;
  --weight-light: 300;

  /* scale — optical, not mechanical */
  --text-xs:   0.6875rem;   /*  11px */
  --text-sm:   0.8125rem;   /*  13px */
  --text-base: 1rem;        /*  16px */
  --text-md:   1.125rem;    /*  18px */
  --text-lg:   1.375rem;    /*  22px */
  --text-xl:   1.75rem;     /*  28px */
  --text-2xl:  2.5rem;      /*  40px */
  --text-3xl:  3.5rem;      /*  56px */
  --text-4xl:  5.5rem;      /*  88px */
  --text-5xl:  8rem;        /* 128px */

  --leading-tight:  1.05;
  --leading-snug:   1.25;
  --leading-base:   1.55;
  --leading-loose:  1.75;

  --tracking-tight:  -0.03em;
  --tracking-base:    0em;
  --tracking-wide:    0.08em;
  --tracking-wider:   0.14em;
}

/* ─── Spacing ─────────────────────────────────────────────── */
:root {
  --sp-1:   0.25rem;   /*   4px */
  --sp-2:   0.5rem;    /*   8px */
  --sp-3:   0.75rem;   /*  12px */
  --sp-4:   1rem;      /*  16px */
  --sp-5:   1.25rem;   /*  20px */
  --sp-6:   1.5rem;    /*  24px */
  --sp-8:   2rem;      /*  32px */
  --sp-10:  2.5rem;    /*  40px */
  --sp-12:  3rem;      /*  48px */
  --sp-16:  4rem;      /*  64px */
  --sp-20:  5rem;      /*  80px */
  --sp-24:  6rem;      /*  96px */
  --sp-32:  8rem;      /* 128px */
  --sp-40: 10rem;      /* 160px */
}

/* ─── Grid ────────────────────────────────────────────────── */
:root {
  --cols:           12;
  --gutter:         1.5rem;
  --container-max:  1440px;
  --container-pad:  clamp(1.5rem, 5vw, 4rem);
}

/* ─── Surface & border ────────────────────────────────────── */
:root {
  --radius:       3px;
  --border-width: 0.5px;
}

/* ─── Motion ──────────────────────────────────────────────── */
:root {
  --ease-out:    cubic-bezier(0.16, 1, 0.3, 1);
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
  --dur-fast:    120ms;
  --dur-base:    280ms;
  --dur-slow:    560ms;
  --dur-reveal:  800ms;
}

/* ─── Cursor ──────────────────────────────────────────────── */
:root {
  --cursor-dot-size:    8px;
  --cursor-ring-size:  36px;
}