/* ===========================================================================
   Promethea · Effects — borders & shadows
   Shadows are used sparingly and softly. Flat, ledger-like surfaces dominate;
   elevation appears only on the product card floating over the hero.
   =========================================================================== */
:root {
  /* Hairline borders */
  --border-width: 1px;
  --border-hairline: 1px solid var(--border);
  --border-hairline-subtle: 1px solid var(--border-subtle);
  --border-on-ink-hairline: 1px solid var(--border-on-ink);

  /* Shadows — warm, ink-tinted, low. Never grey drop-shadows. */
  --shadow-none: none;
  --shadow-board: 0 1px 60px rgba(26, 24, 48, 0.12);   /* full board floating on backdrop */
  --shadow-float: 0 30px 60px -30px rgba(26, 24, 48, 0.50); /* product card over hero */
  --shadow-raise: 0 2px 8px rgba(26, 24, 48, 0.06);    /* subtle UI lift */

  /* Focus ring — brand purple, offset */
  --focus-ring: 0 0 0 3px rgba(107, 78, 201, 0.35);
}