/* ZOGOO · Design tokens
   Premium black + gold + ivory palette */
:root {
  /* Neutrals */
  --ink-900: #0a0908;
  --ink-800: #14110d;
  --ink-700: #1f1a13;
  --ink-600: #2a2419;
  --ink-500: #4a4030;
  --ink-400: #6b6043;
  --ink-300: #8a7d5e;
  --ink-200: #b8ab8c;
  --ink-100: #d8cdb4;

  /* Ivory / premium white */
  --ivory-50: #fdfbf6;
  --ivory-100: #faf6ec;
  --ivory-200: #f1ead7;
  --ivory-300: #e6dcbf;

  /* Gold scale */
  --gold-50: #fdf6dc;
  --gold-100: #f6e9b6;
  --gold-200: #ecd585;
  --gold-300: #d4af37;   /* primary gold */
  --gold-400: #bea36b;   /* logo accent */
  --gold-500: #a08344;
  --gold-600: #7a6028;
  --gold-700: #54421c;

  /* Gradients */
  --gradient-gold: linear-gradient(135deg, #f4e4a8 0%, #d4af37 45%, #bea36b 80%, #8a6f2f 100%);
  --gradient-gold-soft: linear-gradient(135deg, rgba(244, 228, 168, .25), rgba(190, 163, 107, .15));
  --gradient-ink: linear-gradient(180deg, #0a0908 0%, #14110d 100%);
  --gradient-overlay-bottom: linear-gradient(180deg, transparent 0%, rgba(10, 9, 8, .85) 100%);
  --gradient-overlay-side: linear-gradient(90deg, rgba(10, 9, 8, .9) 0%, rgba(10, 9, 8, .4) 60%, transparent 100%);

  /* Type — clean, premium, familiar */
  --font-sans: 'Inter', system-ui, -apple-system, sans-serif;
  --font-display: 'Playfair Display', 'Times New Roman', serif;
  --font-accent: 'Playfair Display', serif;  /* same family — use italic via class for accents */

  /* Spacing scale */
  --radius-sm: 8px;
  --radius: 14px;
  --radius-lg: 22px;
  --radius-xl: 32px;

  /* Shadows */
  --shadow-sm: 0 1px 2px rgba(0,0,0,.04), 0 2px 8px rgba(0,0,0,.04);
  --shadow: 0 2px 4px rgba(0,0,0,.06), 0 12px 32px rgba(0,0,0,.08);
  --shadow-gold: 0 4px 16px rgba(212, 175, 55, .25);
  --shadow-lift: 0 4px 8px rgba(0,0,0,.08), 0 24px 64px rgba(0,0,0,.15);

  /* Transitions */
  --ease: cubic-bezier(.2, .6, .2, 1);
  --t-fast: .15s var(--ease);
  --t: .25s var(--ease);
  --t-slow: .55s var(--ease);

  /* Semantics */
  --color-bg: var(--ivory-50);
  --color-fg: var(--ink-900);
  --color-muted: var(--ink-400);
  --color-border: rgba(20, 17, 13, .08);
  --color-success: #15803d;
  --color-warning: #b45309;
  --color-error: #b91c1c;
}