/* ============================================================
   FRRIDAY Design Tokens — "Quiet Editorial & Technical Studio"
   Single source of truth for typography, colors, and layout rhythm.
   ============================================================ */

:root {
  /* --- Fonts --- */
  --font-display: "Space Grotesk", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --font-body: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --font-accent: "Fraunces", Georgia, serif;
  --font-mono: "JetBrains Mono", "SF Mono", Consolas, Menlo, monospace;

  /* --- Color Palette (Day / Light Mode) --- */
  --paper: #F7F4EE;         /* warm off-white canvas (never harsh #fff) */
  --paper-2: #FDFBF6;       /* raised surface / card background */
  --paper-3: #EFECE3;       /* inset wells, subtle backgrounds */
  --ink: #1B1A17;           /* warm near-black primary text */
  --ink-soft: #423F39;      /* readable secondary body text */
  --muted: #6B6862;         /* micro-labels, dates, captions */
  --hairline: #E4DED2;      /* 1px subtle editorial rules & borders */
  
  /* --- Accent Colors --- */
  --accent: #0066FF;        /* FRRIDAY signature technical blue */
  --accent-ink: #004ecc;    /* darker accent for high contrast on light */
  --accent-glow: rgba(0, 102, 255, 0.18);
  --accent-light: #EBF2FF;

  /* --- Night Zone Palette ("After Shipping") --- */
  --night: #14130E;         /* deep warm charcoal black */
  --night-surface: #1C1B14; /* raised cards in night zone */
  --night-surface-2: #232219;
  --night-ink: #F2EFE7;     /* night primary text */
  --night-muted: #8F8B80;   /* night secondary text */
  --night-hairline: rgba(255, 255, 255, 0.10);
  --night-accent: #A9B5FF;  /* glowing lavender-blue night accent */

  /* --- Fluid Typography Scale (1.250 Major Third) --- */
  --step--2: clamp(0.69rem, 0.66rem + 0.17vw, 0.80rem);
  --step--1: clamp(0.81rem, 0.76rem + 0.28vw, 0.96rem);
  --step-0:  clamp(0.98rem, 0.91rem + 0.35vw, 1.15rem);
  --step-1:  clamp(1.18rem, 1.07rem + 0.52vw, 1.44rem);
  --step-2:  clamp(1.42rem, 1.25rem + 0.84vw, 1.88rem);
  --step-3:  clamp(1.75rem, 1.48rem + 1.34vw, 2.45rem);
  --step-4:  clamp(2.15rem, 1.76rem + 1.95vw, 3.20rem);
  --display: clamp(2.75rem, 1.85rem + 4.5vw, 5.25rem);

  /* --- Layout & Spacing --- */
  --maxw: 1240px;
  --gutter: clamp(1.2rem, 0.8rem + 2.5vw, 3.5rem);
  --section-y: clamp(2.5rem, 1.8rem + 2vw, 4.2rem);
  --radius-sm: 6px;
  --radius-md: 12px;
  --radius-lg: 20px;
  --radius-full: 9999px;

  /* --- Motion & Easing --- */
  --ease: cubic-bezier(0.22, 1, 0.36, 1);
  --ease-spring: cubic-bezier(0.34, 1.56, 0.64, 1);
  --transition-fast: 0.2s ease;
  --transition-normal: 0.4s var(--ease);
  --transition-slow: 0.7s var(--ease);
}