/* ============================================================
   EFFECTS — fromSpec
   Light-led: soft, low-alpha shadows; hairline borders; the faint
   drafting grid; calm precise easing (no bounce). The "spec block"
   corner-tick treatment is the signature card motif.
   ============================================================ */
:root {
  /* elevation (light-tuned, soft) */
  --shadow-xs:  0 1px 2px rgba(22,24,27,0.05);
  --shadow-sm:  0 1px 2px rgba(22,24,27,0.04), 0 2px 8px rgba(22,24,27,0.05);
  --shadow-md:  0 8px 22px -12px rgba(22,24,27,0.20), 0 2px 8px rgba(22,24,27,0.05);
  --shadow-lg:  0 24px 60px -34px rgba(22,24,27,0.34), 0 4px 14px -8px rgba(22,24,27,0.12);
  --shadow-xl:  0 40px 90px -40px rgba(22,24,27,0.42);

  /* signal ring (spec block / active item) */
  --signal-ring: 0 0 0 1px var(--signal-line);
  --signal-glow: 0 22px 50px -26px rgba(45,68,214,0.40);

  /* focus */
  --ring-focus: 0 0 0 3px var(--focus-ring);

  /* ---- sheen — ONE restrained finish used by every saturated fill so all
     variants match: a single whisper of top light, nothing else ---- */
  --gloss:      linear-gradient(180deg, rgba(255,255,255,0.06) 0%, rgba(255,255,255,0) 55%); /* @kind color */
  --gloss-soft: linear-gradient(180deg, rgba(255,255,255,0.06) 0%, rgba(255,255,255,0) 55%); /* @kind color */
  --gloss-edge: inset 0 1px 0 rgba(255,255,255,0.09); /* @kind shadow */
  --sheen-line: inset 0 1px 0 rgba(255,255,255,0.09); /* @kind shadow */

  /* drafting grid background — apply to a fixed/full element */
  --grid-bg: linear-gradient(var(--fs-grid) 1px, transparent 1px),
             linear-gradient(90deg, var(--fs-grid) 1px, transparent 1px);

  /* borders */
  --border-line: 1px solid var(--border-default);
  --border-line-strong: 1px solid var(--border-strong);

  /* motion — calm, precise, no bounce */
  --ease-standard: cubic-bezier(0.22, 0.61, 0.36, 1); /* @kind other */
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);          /* @kind other */
  --duration-fast:   140ms; /* @kind other */
  --duration-normal: 220ms; /* @kind other */
  --duration-slow:   420ms; /* @kind other */
  --duration-xslow:  700ms; /* @kind other — signatures only (hero/CTA reveals) */
  --transition-base: all var(--duration-normal) var(--ease-standard);

  /* glass (sticky nav) */
  --glass: rgba(251,250,247,0.82);
  --blur-md: 12px;
}

/* ---- dark "sheet": re-tone elevation to black so shadows actually read on
   #0C0E12 (the light-ink shadows above are invisible on dark) ---- */
html[data-theme="dark"], .theme-dark {
  --shadow-xs:  0 1px 2px rgba(0,0,0,0.30);
  --shadow-sm:  0 1px 2px rgba(0,0,0,0.32), 0 2px 8px rgba(0,0,0,0.36);
  --shadow-md:  0 8px 22px -12px rgba(0,0,0,0.58), 0 2px 8px rgba(0,0,0,0.40);
  --shadow-lg:  0 24px 60px -34px rgba(0,0,0,0.70), 0 4px 14px -8px rgba(0,0,0,0.46);
  --shadow-xl:  0 40px 90px -40px rgba(0,0,0,0.78);
}