/* Domenico Design System — Tokens (Manifiesto direction: cobalt on paper).
   Values mirror project/tokens/*.css, flattened into one self-contained file
   so this build is independently deployable. */

:root {
  /* ---- Brand primitives ---- */
  --cobalt:       #2B4CFF;              /* the brand accent — Klein-blue on paper */
  --cobalt-hover: #1E3AE0;              /* pressed / hover darken                 */
  --cobalt-lo:    #7FA0FF;              /* lighter cobalt on dark panes           */
  --periwinkle:   #E0E5FF;              /* sub-text on a cobalt field (AA ≥4.5)   */
  --cobalt-tint:  rgba(43, 76, 255, .08);

  --paper:        #E9E5D7;             /* primary surface — warm off-white       */
  --paper-2:      #F3F1E9;             /* raised surface / card fill             */
  --ink:          #0E0E0C;             /* near-black text & 1px rules            */
  --ink-sub:      #56524A;             /* secondary text on paper                */
  --paper-sub:    #918E84;             /* secondary text on ink surfaces         */

  --warm-tint:    rgba(255, 255, 255, .08); /* card hover on the cobalt band     */
  --hairline-warm:rgba(233, 229, 215, .34); /* 1px rule on cobalt                */
  --hairline-deep:rgba(233, 229, 215, .16); /* faint 1px rule on near-black       */
  --hairline-deep-2:rgba(233, 229, 215, .5);/* stronger rule on near-black        */

  /* ---- Extra section panes (scroll-driven colour washes) ---- */
  --forest:       #13251C;   /* nature pane ground (deep green)   */
  --forest-fg:    #EFEDE0;
  --forest-sub:   #93A896;
  --lime:         #C8FF3D;   /* nature accent                     */
  --night:        #16132A;   /* research pane ground (deep indigo)*/
  --night-fg:     #ECEAF6;
  --night-sub:    #9E99B8;
  --night-accent: #A9B7FF;

  --selection:    rgba(43, 76, 255, .26);

  /* ---- Type families ---- */
  --font-display: 'Bricolage Grotesque', 'Space Grotesk', system-ui, sans-serif;
  --font-body:    'Space Grotesk', system-ui, sans-serif;
  --font-mono:    'Space Mono', ui-monospace, 'SFMono-Regular', monospace;

  /* ---- Weights ---- */
  --weight-regular: 400;
  --weight-medium:  500;
  --weight-semibold:600;
  --weight-bold:    700;
  --weight-black:   800;

  /* ---- Layout ---- */
  --measure: 1240px;   /* max content width */
  --gutter:  56px;     /* horizontal page inset (narrows on mobile) */

  /* ---- Motion ---- */
  --ease-out:    cubic-bezier(.16, 1, .3, 1);
  --ease-soft:   cubic-bezier(.22, 1, .36, 1);
  --dur-fast:    .18s;
  --dur-mid:     .45s;
  --reveal-dist: 32px;
}

@media (max-width: 820px) {
  :root { --gutter: 24px; }
}