/* ==========================================================================
   INKLINE · myICOR brand language, built from the infinity mark
   Ink canvas, paper type, one marker. The line does the teaching.
   ========================================================================== */

@font-face {
  font-family: 'Bricolage Grotesque';
  src: url('../assets/fonts/bricolage.woff2') format('woff2');
  font-weight: 200 800;
  font-stretch: 75% 100%;
  font-display: swap;
}
@font-face {
  font-family: 'Instrument Sans';
  src: url('../assets/fonts/instrument.woff2') format('woff2');
  font-weight: 400 700;
  font-display: swap;
}
@font-face {
  font-family: 'Caveat';
  src: url('../assets/fonts/caveat.woff2') format('woff2');
  font-weight: 400 700;
  font-display: swap;
}
@font-face {
  font-family: 'Spline Sans Mono';
  src: url('../assets/fonts/splinemono.woff2') format('woff2');
  font-weight: 300 700;
  font-display: swap;
}

:root {
  /* ink and marker */
  --ink: #0C0E12;
  --ink-2: #12151B;
  --ink-3: #181C24;
  --paper: #F6F3EC;
  --paper-dim: #C9C4B8;
  --paper-faint: #8E897D;
  --marker: #FF5A2D;
  --marker-up: #FF7248;
  --marker-soft: rgba(255, 90, 45, 0.13);
  --on-marker: #180E08;
  --hairline: rgba(246, 243, 236, 0.14);
  --hairline-emph: rgba(246, 243, 236, 0.24);

  /* print and margin */
  --font-display: 'Bricolage Grotesque', ui-sans-serif, system-ui, sans-serif;
  --font-body: 'Instrument Sans', ui-sans-serif, system-ui, sans-serif;
  --font-hand: 'Caveat', cursive;
  --font-mono: 'Spline Sans Mono', ui-monospace, monospace;

  /* rhythm */
  --gutter: clamp(20px, 4.5vw, 56px);
  --measure: 620px;
  --wide: 1120px;
  --sect: clamp(110px, 16vh, 200px);

  /* motion */
  --ease: cubic-bezier(0.22, 1, 0.36, 1);
  --fast: 140ms;
  --base: 340ms;
  --slow: 600ms;

  --r-sm: 10px;
  --r-md: 16px;
  --r-lg: 20px; /* elevated planes: modals / lightboxes (corner law 10/16/20/pill) */
  --r-pill: 999px;
}

/* Bridge tokens for the shared CookieConsent component (its var-chains
   expect the v2/Graphite names; map them onto the Loop palette). */
:root {
  --bg: #0C0E12;
  --background: #0C0E12;
  --surface-deep: #08090C;
  --fg: #C9C4B8;
  --fg-cream: #F6F3EC;
  --foreground: #F6F3EC;
  --muted-foreground: #8E897D;
  --border: rgba(246, 243, 236, 0.14);
  --brass: #FF5A2D;
  --brass-hover: #FF7248;
  --accent-warm: #FF5A2D;
  --on-signal: #180E08;
  --glass-fill: rgba(18, 21, 27, 0.92);
  --font-sans: 'Instrument Sans', ui-sans-serif, system-ui, sans-serif;
  --radius-pill: 999px;
  --radius-standard: 16px;
  --radius-subtle: 10px;
}