/* ============================================================================
   Chemmus & Chuppas — Design Tokens
   ----------------------------------------------------------------------------
   Palette derived from the real brand assets (label + campaign imagery):
   blush pink, champagne gold trim, black "CC" monogram, burgundy accents.
   Single source of truth — reference the --color-* semantic tokens in
   components, never raw hex.
   ============================================================================ */

:root {
  /* --- Raw brand palette --- */
  --cc-white:      #FFFFFF;
  --cc-black:      #141013;   /* CC monogram / pure black text */
  --cc-ink:        #26191E;   /* warm near-black body text */
  --cc-plum:       #3A2028;   /* deep plum (headings / shadow tint) */
  --cc-blush:      #FBF2F5;   /* soft blush page ground */
  --cc-blush-2:    #F6DEE6;   /* deeper blush surface */
  --cc-rose:       #E06A94;   /* primary rose accent (label swirl) */
  --cc-rose-deep:  #C24C77;   /* hover / focus rose */
  --cc-gold:       #C6A05A;   /* champagne trim (label border) */
  --cc-gold-soft:  #E4D2A8;   /* light gold hairline */
  --cc-burgundy:   #7C2F3E;   /* deep accent (campaign numerals) */

  /* --- Semantic roles --- */
  --color-bg:            var(--cc-blush);
  --color-surface:       var(--cc-white);
  --color-surface-alt:   var(--cc-blush-2);
  --color-text:          var(--cc-ink);
  --color-heading:       var(--cc-black);
  --color-muted:         color-mix(in srgb, var(--cc-ink) 58%, transparent);
  --color-accent:        var(--cc-rose);
  --color-accent-2:      var(--cc-burgundy);
  --color-detail:        var(--cc-gold);
  --color-border:        color-mix(in srgb, var(--cc-plum) 14%, transparent);
  --color-focus:         var(--cc-rose-deep);

  /* Feedback (accessible, not gaudy) */
  --color-success: #2F6B4F;
  --color-warning: #8A5A1E;
  --color-danger:  #9A3B34;

  /* --- Typography (PROVISIONAL, self-host licensed fonts before launch) --- */
  --font-heading: "Cormorant Garamond", Georgia, "Times New Roman", serif;
  --font-body:    "Manrope", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;

  --fs-100: 0.833rem;
  --fs-200: 1rem;
  --fs-300: 1.2rem;
  --fs-400: 1.44rem;
  --fs-500: 1.728rem;
  --fs-600: 2.074rem;
  --fs-700: 2.488rem;
  --fs-800: clamp(2.5rem, 1.8rem + 3.2vw, 3.98rem);

  --lh-tight: 1.12;
  --lh-snug:  1.3;
  --lh-body:  1.6;

  --fw-regular: 400;
  --fw-medium:  500;
  --fw-semibold:600;

  --space-1: 0.25rem;  --space-2: 0.5rem;  --space-3: 0.75rem;
  --space-4: 1rem;     --space-5: 1.5rem;  --space-6: 2rem;
  --space-7: 3rem;     --space-8: 4rem;    --space-9: 6rem;

  --container-max: 1200px;
  --container-pad: clamp(1rem, 0.5rem + 2vw, 2rem);
  --content-measure: 68ch;

  --radius-sm: 4px;  --radius-md: 8px;  --radius-lg: 16px;  --radius-pill: 999px;
  --border-hairline: 1px solid var(--color-border);

  --shadow-sm: 0 1px 2px color-mix(in srgb, var(--cc-plum) 10%, transparent);
  --shadow-md: 0 6px 20px color-mix(in srgb, var(--cc-plum) 12%, transparent);

  --ease-standard: cubic-bezier(0.2, 0, 0, 1);
  --dur-fast: 140ms;  --dur-med:  240ms;  --dur-slow: 420ms;

  --z-header: 100;  --z-overlay: 200;  --z-modal: 300;  --z-toast: 400;
}

/* Dark surface option (footer / hero on imagery). Not applied globally in v1. */
[data-surface="dark"] {
  --color-bg:      var(--cc-plum);
  --color-surface: #2c1a21;
  --color-text:    var(--cc-blush);
  --color-heading: var(--cc-white);
  --color-muted:   color-mix(in srgb, var(--cc-blush) 70%, transparent);
  --color-border:  color-mix(in srgb, var(--cc-blush) 18%, transparent);
  --color-accent:  #ec87ab;
  --color-detail:  var(--cc-gold-soft);
}