/* ============================================================
   Shared front-site palette (single source of truth).
   Used by: index.html, index-new.html, index-v1/v2, miniindex.
   Imported by main.css so any page linking main.css inherits.
   All base color tokens are HSL triplets to compose with hsl().
   ============================================================ */

:root {
  /* ---------- Core palette (HSL triplets) ---------- */
  --background: 36 38% 97%;     /* #FAF7F2 cream */
  --surface-sand: 33 30% 92%;   /* #F2EEE6 */
  --surface: 0 0% 100%;         /* #FFFFFF */
  --surface-soft: 36 30% 95%;   /* #F7F3EC */

  --foreground: 153 9% 20%;     /* #2E3A33 ink */
  --foreground-soft: 153 9% 32%;
  --foreground-muted: 153 6% 46%;

  --primary: 153 9% 20%;
  --primary-foreground: 36 38% 97%;

  --accent: 16 56% 51%;         /* #C56A3F terracotta */
  --accent-deep: 16 56% 42%;    /* #A8552F */
  --accent-foreground: 36 38% 97%;
  --gold: 46 65% 52%;           /* #D4A82A */
  --gold-deep: 38 80% 45%;      /* warm amber */

  --muted: 33 25% 90%;
  --border: 33 20% 85%;
  --border-soft: 33 20% 89%;
  --border-strong: 153 12% 70%;

  --radius: 0.75rem;

  /* ---------- Friendly aliases (resolved colors) ---------- */
  --bg: hsl(var(--background));
  --bg-2: hsl(var(--surface-sand));
  --c-surface: hsl(var(--surface));
  --c-surface-soft: hsl(var(--surface-soft));
  --fg: hsl(var(--foreground));
  --fg-soft: hsl(var(--foreground-soft));
  --fg-muted: hsl(var(--foreground-muted));
  --c-accent: hsl(var(--accent));
  --c-accent-deep: hsl(var(--accent-deep));
  --c-gold: hsl(var(--gold));
  --c-gold-deep: hsl(var(--gold-deep));
  --c-border: hsl(var(--foreground) / 0.10);
  --c-border-strong: hsl(var(--foreground) / 0.18);
  --c-ink-05: hsl(var(--foreground) / 0.05);
  --c-ink-08: hsl(var(--foreground) / 0.08);

  /* ---------- Gradients & atmospherics ---------- */
  --gradient-warm: radial-gradient(ellipse at top, hsl(33 40% 94%) 0%, hsl(36 38% 97%) 60%);
  --gradient-accent: linear-gradient(135deg, hsl(var(--accent)) 0%, hsl(var(--gold)) 100%);
  --gradient-accent-soft: linear-gradient(135deg, hsl(var(--accent) / 0.12) 0%, hsl(var(--gold) / 0.10) 100%);
  --divider-gold: linear-gradient(90deg, transparent 0%, hsl(var(--gold) / 0.5) 50%, transparent 100%);

  --shadow-soft: 0 1px 2px hsl(var(--foreground) / 0.04), 0 8px 24px hsl(var(--foreground) / 0.06);
  --shadow-elevated: 0 2px 4px hsl(var(--foreground) / 0.04), 0 24px 48px hsl(var(--foreground) / 0.10);
  --shadow-glow: 0 0 0 1px hsl(var(--foreground) / 0.05), 0 30px 60px -20px hsl(var(--foreground) / 0.18), 0 0 80px -20px hsl(var(--accent) / 0.22);

  --ease-organic: cubic-bezier(0.22, 1, 0.36, 1);

  /* ---------- Typography stacks ---------- */
  --font-sans: 'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --font-serif: 'Instrument Serif', 'Fraunces', 'Cormorant Garamond', Georgia, serif;
  --font-mono: ui-monospace, 'SF Mono', Menlo, monospace;
}