/* Little Rose — Premium Menswear, Palakollu
   Design tokens for a minimal editorial menswear storefront. Variable NAMES
   are kept identical to the base template (style.css references var(--maroon)
   etc. throughout) — only the values are swapped to an off-white/black/taupe
   palette with serif display type. */
:root{
  --maroon:        #171717;   /* primary interactive (buttons, nav active, price accent) */
  --maroon-dark:   #111111;   /* dark section bg (topbar, footer, page-hero, band) */
  --maroon-soft:   #2b2b2b;   /* gradient mid-stop */
  --gold:          #8a7356;   /* accent taupe */
  --gold-light:    #d9cbb5;   /* light accent, text-on-dark / light strips */
  --gold-deep:     #6b5842;   /* deep accent — eyebrows, focus outline */
  --cream:         #f7f6f2;   /* body background */
  --cream-deep:    #dddbd6;   /* borders, skeleton bg */
  --ivory:         #ffffff;   /* card / surface white */
  --ink:           #111111;   /* body text */
  --ink-soft:      #666666;   /* secondary text */
  --emerald:       #3d6b4f;   /* in-stock / success accent */

  --font-display: 'Cormorant Garamond', Georgia, serif;
  --font-body:    'Inter', 'Segoe UI', sans-serif;

  --shadow-soft: 0 12px 32px -18px rgba(17,17,17,.18);
  --shadow-card: 0 8px 24px -14px rgba(17,17,17,.14);
}