/* ============================================================
   Project AD Research — Design Tokens
   Sourced from ~/.claude/design-system/colors_and_type.css
   + component tokens measured from aminoclub.com (REFERENCE.md §2)
   Font paths are theme-relative (assets/fonts/).
   ============================================================ */

/* -------- Fonts (self-hosted) -------- */
@font-face { font-family:'Futura Cyrillic'; font-style:normal; font-weight:300; font-display:swap; src:url('../fonts/FuturaCyrillicLight.ttf') format('truetype'); }
@font-face { font-family:'Futura Cyrillic'; font-style:normal; font-weight:400; font-display:swap; src:url('../fonts/FuturaCyrillicBook.ttf') format('truetype'); }
@font-face { font-family:'Futura Cyrillic'; font-style:normal; font-weight:500; font-display:swap; src:url('../fonts/FuturaCyrillicMedium.ttf') format('truetype'); }
@font-face { font-family:'Futura Cyrillic'; font-style:normal; font-weight:600; font-display:swap; src:url('../fonts/FuturaCyrillicDemi.ttf') format('truetype'); }
@font-face { font-family:'Futura Cyrillic'; font-style:normal; font-weight:700; font-display:swap; src:url('../fonts/FuturaCyrillicBold.ttf') format('truetype'); }
@font-face { font-family:'Futura Cyrillic'; font-style:normal; font-weight:800; font-display:swap; src:url('../fonts/FuturaCyrillicExtraBold.ttf') format('truetype'); }
@font-face { font-family:'Futura Cyrillic'; font-style:normal; font-weight:900; font-display:swap; src:url('../fonts/FuturaCyrillicHeavy.ttf') format('truetype'); }
@font-face { font-family:'Anton'; font-style:normal; font-weight:400; font-display:swap; src:url('../fonts/Anton-Regular.ttf') format('truetype'); }
/* Typography matched to the reference site (aminoclub): Anek Telugu display+body, Poppins on UI controls.
   NOTE: Anek Telugu + Poppins are loaded via wp_enqueue_style('adr-fonts', ...) in functions.php.
   An @import here would be spec-invalid (it must precede the @font-face rules above) and silently ignored. */

:root {
  /* Core palette */
  --ad-white:#FFFFFF; --ad-paper:#FAFAFC; --ad-snow:#F4F5F7; --ad-card:#F5F5F6;
  --ad-ink:#0B0B10; --ad-graphite:#1A1A22; --ad-slate:#4A4A55; --ad-mute:#8A8A95; --ad-hair:#E5E6EA;
  --ad-pink:#F454F0; --ad-pink-deep:#C72FD0; --ad-blue:#5ACBF7; --ad-blue-deep:#2A9CD8;
  --ad-band:#1B7FD0; /* solid product-label blue band */

  /* Section tints (brand-family replacements for aminoclub pastels) */
  --ad-tint-blue:#EAF7FE; --ad-tint-pink:#FEEFFE; --ad-tint-neutral:#F5F5F6;

  /* Gradient */
  --ad-gradient:linear-gradient(90deg,#F454F0 0%,#5ACBF7 100%);
  --ad-gradient-diagonal:linear-gradient(135deg,#F454F0 0%,#5ACBF7 100%);
  --ad-gradient-soft:linear-gradient(135deg,rgba(244,84,240,.10) 0%,rgba(90,203,247,.10) 100%);

  /* Semantic */
  --ad-bg:var(--ad-white); --ad-fg:var(--ad-ink); --ad-fg-2:var(--ad-slate); --ad-fg-3:var(--ad-mute);
  --ad-border:var(--ad-hair); --ad-border-strong:#C9CCD2;
  --ad-success:#10B981; --ad-warning:#E8A93B; --ad-danger:#E0436B; --ad-info:var(--ad-blue);

  /* Shadows (whisper-soft) */
  --shadow-1:0 1px 2px rgba(11,11,16,.04),0 1px 1px rgba(11,11,16,.03);
  --shadow-2:0 4px 10px rgba(11,11,16,.05),0 2px 4px rgba(11,11,16,.04);
  --shadow-3:0 16px 32px rgba(11,11,16,.07),0 4px 10px rgba(11,11,16,.04);
  --shadow-card:0 0 0 1px rgba(0,0,0,.06),0 1px 2px -1px rgba(0,0,0,.08),0 2px 8px rgba(0,0,0,.06);
  --shadow-glow-pink:0 0 0 1px rgba(244,84,240,.30),0 12px 28px rgba(244,84,240,.18);
  --shadow-glow-blue:0 0 0 1px rgba(90,203,247,.30),0 12px 28px rgba(90,203,247,.18);

  /* Radii */
  --r-1:4px; --r-2:8px; --r-3:12px; --r-4:16px; --r-5:20px; --r-6:24px; --r-pill:999px;

  /* Spacing (4pt) */
  --s-1:4px; --s-2:8px; --s-3:12px; --s-4:16px; --s-5:20px; --s-6:24px; --s-7:32px;
  --s-8:40px; --s-9:56px; --s-10:72px; --s-11:96px; --s-12:128px;

  /* Type families — matched to aminoclub (Anek Telugu). Poppins on UI controls. */
  --font-display:'Anek Telugu','Poppins',system-ui,sans-serif;
  --font-hero:'Anek Telugu','Poppins',system-ui,sans-serif;
  --font-body:'Anek Telugu','Poppins',system-ui,-apple-system,sans-serif;
  --font-ui:'Poppins',system-ui,-apple-system,sans-serif;

  /* Type scale */
  --t-display-1:96px; --t-display-2:72px; --t-h1:56px; --t-h2:40px; --t-h3:28px;
  --t-h4:22px; --t-h5:18px; --t-body-l:18px; --t-body:16px; --t-body-s:14px;
  --t-caption:12px; --t-eyebrow:12px;

  --lh-tight:1.02; --lh-snug:1.15; --lh-normal:1.45; --lh-loose:1.6;
  --tr-tight:-0.02em; --tr-snug:-0.01em; --tr-eyebrow:0.16em; --tr-button:0.04em;

  /* Layout */
  --container:1440px; --container-narrow:1080px; --nav-h:70px;
  --ease:cubic-bezier(.4,0,.2,1); --dur:200ms; --dur-slow:400ms;
}
