/* ==========================================================================
   Mega Fashion — Design Tokens
   Single source of truth for color, type, spacing, radius, shadow.
   Every other stylesheet reads from these custom properties — never
   hardcode a hex value or px spacing outside this file.
   ========================================================================== */

:root {
  /* ---- Brand color ---- */
  --color-ink:        #2E2A24;   /* warm charcoal — footer / dark bands */
  --color-ink-soft:    #6B6559;  /* secondary text */
  --color-paper:       #F4EFE5;  /* page background (warm cream) */
  --color-paper-dim:   #ECE5D6;  /* section alt background */
  --color-rust:        #D98B3F; /* primary accent — orange */
  --color-rust-dark:   #B96F2A;
  --color-olive:       #6B7052; /* secondary accent — loom green */
  --color-line:        #E2DAC8; /* hairline borders */
  --color-white:       #FFFFFF;

  /* ---- Semantic aliases ---- */
  --color-bg:          var(--color-paper);
  --color-bg-alt:      var(--color-paper-dim);
  --color-text:        var(--color-ink);
  --color-text-muted:  var(--color-ink-soft);
  --color-accent:      var(--color-rust);
  --color-accent-dark: var(--color-rust-dark);
  --color-border:      var(--color-line);

  /* ---- Type ---- */
  --font-display: "Fraunces", "Georgia", serif;
  --font-body:    "Inter", -apple-system, "Segoe UI", sans-serif;

  --fs-h1: clamp(2.25rem, 4vw + 1rem, 4rem);
  --fs-h2: clamp(1.75rem, 2.5vw + 1rem, 2.75rem);
  --fs-h3: clamp(1.25rem, 1.2vw + 1rem, 1.5rem);
  --fs-body: 1rem;
  --fs-small: 0.875rem;

  /* ---- Spacing scale ---- */
  --space-1: 0.5rem;
  --space-2: 1rem;
  --space-3: 1.5rem;
  --space-4: 2rem;
  --space-5: 3rem;
  --space-6: 4rem;
  --space-7: 6rem;
  --space-8: 8rem;

  /* ---- Layout ---- */
  --container-max: 1150px;
  --radius-sm: 4px;
  --radius-md: 10px;
  --radius-lg: 20px;

  /* ---- Shadow / motion ---- */
  --shadow-card: 0 1px 2px rgba(27,26,23,0.06), 0 8px 24px rgba(27,26,23,0.06);
  --ease-standard: cubic-bezier(0.4, 0, 0.2, 1);
  --dur-fast: 160ms;
  --dur-base: 260ms;
}