/* ————————————————————————————————————————
   امیر وفایی — Design Tokens
   Quiet-luxury editorial · light canvas · #03C8FF accent
   ———————————————————————————————————————— */

:root {
  /* Color — canvas */
  --paper: #fbfcfd;
  --paper-warm: #f6f9fa;
  --surface: #f1f5f8;
  --cyan-tint: #ecf8fe;
  --navy-deep: #0a141c;
  --navy-panel: #0e1b26;

  /* Color — ink scale */
  --ink: #0c1b24;
  --ink-2: #33434e;
  --muted: #5f7280;
  --faint: #93a5b1;

  /* Color — lines */
  --line: #e2eaef;
  --line-strong: #cfdbe2;
  --line-dark: rgba(255, 255, 255, 0.14);

  /* Color — accent (sparing) */
  --accent: #03c8ff;
  --accent-deep: #0593ba;
  --accent-wash: rgba(3, 200, 255, 0.09);
  --accent-line: rgba(3, 200, 255, 0.38);

  /* Color — state */
  --ok: #0d8a63;
  --warn: #b97a1a;
  --danger: #cf4444;
  --danger-wash: #fdf1f1;

  /* Typography */
  --font: "Anjoman", "Segoe UI", Tahoma, sans-serif;

  --fs-display: clamp(2.35rem, 1.4rem + 4.6vw, 5rem);
  --fs-h1: clamp(1.85rem, 1.35rem + 2.4vw, 3rem);
  --fs-h2: clamp(1.55rem, 1.25rem + 1.5vw, 2.4rem);
  --fs-h3: clamp(1.15rem, 1.02rem + 0.65vw, 1.5rem);
  --fs-lead: clamp(1.02rem, 0.95rem + 0.4vw, 1.22rem);
  --fs-body: 1rem;
  --fs-small: 0.875rem;
  --fs-caption: 0.8125rem;
  --fs-overline: 0.78rem;

  --lh-tight: 1.32;
  --lh-heading: 1.5;
  --lh-body: 1.95;

  /* Spacing ladder (px) */
  --sp-1: 4px;  --sp-2: 8px;   --sp-3: 12px; --sp-4: 16px;
  --sp-5: 24px; --sp-6: 32px;  --sp-7: 48px; --sp-8: 64px;
  --sp-9: 96px; --sp-10: 128px;--sp-11: 160px;

  --section-y: clamp(var(--sp-8), 10vw, var(--sp-10));
  --container: 1280px;
  --gutter: clamp(var(--sp-4), 4vw, var(--sp-6));

  /* Radius grammar */
  --r-s: 12px;
  --r-m: 18px;
  --r-l: 24px;
  --r-pill: 999px;

  /* Elevation — one ambient tier + hover tier */
  --shadow-1: 0 1px 2px rgba(10, 20, 28, 0.04), 0 10px 30px -18px rgba(10, 20, 28, 0.18);
  --shadow-2: 0 2px 4px rgba(10, 20, 28, 0.05), 0 22px 48px -22px rgba(10, 20, 28, 0.28);

  /* Motion */
  --ease: cubic-bezier(0.19, 1, 0.22, 1);
  --ease-spring: cubic-bezier(0.34, 1.56, 0.64, 1);
  --t-fast: 180ms;
  --t-med: 420ms;
  --t-slow: 700ms;

  /* Glass recipe */
  --glass-bg: linear-gradient(148deg, rgba(255, 255, 255, 0.78), rgba(255, 255, 255, 0.42));
  --glass-border: rgba(255, 255, 255, 0.72);
  --glass-blur: blur(16px) saturate(1.15);
  --glass-inset: inset 0 1px 0 rgba(255, 255, 255, 0.85);

  /* Header */
  --header-h: 72px;
}