/* ============================================================
   BOOP THE VEIL — Design Tokens
   All colors, typography, spacing, and safe area variables.
   Edit here to retheme the entire app in one place.
============================================================ */

:root {
  /* ── TELEGRAM THEME BINDINGS WITH WEDDING FALLBACKS ──────── */
  --tg-bg:            var(--tg-theme-bg-color, #FAF6EF);
  --tg-text:          var(--tg-theme-text-color, #2E1F0F);
  --tg-hint:          var(--tg-theme-hint-color, #7A6652);
  --tg-link:          var(--tg-theme-link-color, #C26B3A);
  --tg-button:        var(--tg-theme-button-color, #C9982A);
  --tg-button-text:   var(--tg-theme-button-text-color, #FFFDF8);
  --tg-secondary-bg:  var(--tg-theme-secondary-bg-color, #E8D5B0);

  /* ── COLOR PALETTE ──────────────────────────────────────── */
  --ivory:        #FAF6EF;
  --champagne:    #E8D5B0;
  --gold:         #C9982A;
  --gold-light:   #F0D074;
  --terracotta:   #C26B3A;
  --deep:         #1A120B;
  --ink:          #2E1F0F;
  --muted:        #7A6652;
  --border:       #DDD0BB;
  --surface:      #FFFDF8;
  --success:      #2D7A4F;
  --danger:       #B83030;

  /* ── TYPOGRAPHY ─────────────────────────────────────────── */
  --font-display: 'Cormorant Garamond', Georgia, serif;
  --font-body:    'DM Sans', -apple-system, BlinkMacSystemFont, sans-serif;

  /* ── BORDER RADIUS ──────────────────────────────────────── */
  --radius-sm:    6px;
  --radius-md:    12px;
  --radius-lg:    20px;
  --radius-full:  999px;

  /* ── SHADOWS ────────────────────────────────────────────── */
  --shadow-sm:    0 2px 8px rgba(26, 18, 11, 0.08);
  --shadow-md:    0 6px 24px rgba(26, 18, 11, 0.12);

  /* ── LAYOUT ─────────────────────────────────────────────── */
  --nav-height:    64px;
  --topbar-height: 56px;

  /* ── SAFE AREAS (phone navigation bar + notch) ──────────── */
  --safe-top:    env(safe-area-inset-top, 0px);
  --safe-bottom: env(safe-area-inset-bottom, 0px);
  --safe-left:   env(safe-area-inset-left, 0px);
  --safe-right:  env(safe-area-inset-right, 0px);
}