/* =====================================================================
   theme.css — PER-STORE design tokens ONLY.
   In production these values are written from config.json (Sheet-driven).
   Nothing here is structural; layout/components live in base.css.
   Preset for v1 demo: "Elegant Luxury Minimal" (abaya niche).
   ===================================================================== */
:root {
  /* --- Palette --- */
  --bg:        #FBF8F3;   /* ivory / cream page background */
  --bg-alt:    #F3EDE3;   /* sand — alternating section bands */
  --bg-deep:   #1C1814;   /* near-black footer / contrast blocks */
  --text:      #221E18;   /* warm charcoal body text */
  --muted:     #6E665A;   /* secondary text, captions */
  --accent:    #A8884E;   /* gold — decorative use: borders, swatches, icons, dark-bg text */
  --accent-ink:#8A6E3A;   /* gold, darker (hover) */
  --accent-text:#7C6027;  /* gold for SMALL TEXT on light bg — passes WCAG AA (5.5:1) */
  --line:      #E6DDCE;   /* hairline borders/dividers */
  --line-soft: #EFE8DB;
  --sale:      #9B2D2D;   /* SALE badge / sold-out tone */
  --on-dark:   #F4EFE6;   /* text on --bg-deep */

  /* --- Type --- */
  --font-display: "Cormorant Garamond", Georgia, "Times New Roman", serif;
  --font-body:    "Jost", "Segoe UI", system-ui, -apple-system, sans-serif;

  /* --- Rhythm --- */
  --maxw: 1240px;
  --gutter: clamp(1rem, 4vw, 3rem);
  --radius: 2px;          /* almost-square; luxury = restrained corners */
  --shadow: 0 18px 40px -28px rgba(34, 30, 24, .45);
  --ease: cubic-bezier(.22, .61, .36, 1);
}