/* ══════════════════════════════════════════════════════════
   HUE-SUITE DESIGN TOKENS
   Based on the actual app palette (beige, charcoal, earthy pastels)
   ══════════════════════════════════════════════════════════ */
:root {
  /* ── Core Colors ──────────────────────────────────── */
  --hs-cream: #FAF8F5;
  --hs-warm: #F5F1EC;
  --hs-white: #FFFFFF;
  --hs-charcoal: #2D2D2D;
  --hs-charcoal-deep: #1A1A1A;

  /* ── Greys ────────────────────────────────────────── */
  --hs-grey-dark: #4A4A4A;
  --hs-grey-medium: #8C8C8C;
  --hs-grey-light: #C4C4C4;
  --hs-grey-pale: #E8E6E3;

  /* ── Accent ───────────────────────────────────────── */
  --hs-gold: #C9A962;
  --hs-gold-light: #D4BC7C;
  --hs-gold-subtle: rgba(201, 169, 98, 0.08);
  --hs-gold-glow: rgba(201, 169, 98, 0.15);

  /* ── Pastels (earthy) ─────────────────────────────── */
  --hs-rose: #E8D4D4;
  --hs-lavender: #E4E0EC;
  --hs-sage: #DDE5DD;
  --hs-peach: #F5E6DF;
  --hs-accent-blue: #DEE4EC;

  /* ── Borders ──────────────────────────────────────── */
  --hs-border: #D4CFC7;
  --hs-border-light: #E8E6E3;

  /* ── Typography ───────────────────────────────────── */
  --hs-font-display: 'Cormorant Garamond', Georgia, serif;
  --hs-font-body: 'Montserrat', 'Helvetica Neue', Arial, sans-serif;

  /* ── Border Radius ────────────────────────────────── */
  --hs-radius-sm: 4px;
  --hs-radius-md: 8px;
  --hs-radius-lg: 16px;
  --hs-radius-xl: 24px;
  --hs-radius-full: 100px;

  /* ── Shadows ──────────────────────────────────────── */
  --hs-shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.04);
  --hs-shadow-md: 0 4px 20px rgba(0, 0, 0, 0.06);
  --hs-shadow-lg: 0 12px 40px rgba(0, 0, 0, 0.08);
  --hs-shadow-xl: 0 20px 60px rgba(0, 0, 0, 0.10);

  /* ── Spacing ──────────────────────────────────────── */
  --hs-space-xs: 4px;
  --hs-space-sm: 8px;
  --hs-space-md: 16px;
  --hs-space-lg: 24px;
  --hs-space-xl: 32px;
  --hs-space-2xl: 48px;
  --hs-space-3xl: 64px;
  --hs-space-4xl: 96px;

  /* ── Transitions ──────────────────────────────────── */
  --hs-ease: cubic-bezier(0.22, 1, 0.36, 1);
  --hs-duration: 0.3s;
}