/* ============================================
   OZYDE — Design Tokens
   Source of truth for colour, type, spacing.
   ============================================ */

:root {
  /* Colour — warm neutrals + champagne gold + restrained jewel accent */
  --cream:        #FBF5EA;
  --cream-deep:   #F1E5D0;
  --paper:        #FFFDF8;
  --ink:          #1A1512;
  --black:        #0B0906;
  --gold:         #B98A4C;
  --gold-light:   #EFDAB2;
  --gold-deep:    #8A6431;
  --jewel:        #6E2438;
  --jewel-light:  #8C3A50;
  --white:        #FFFFFF;
  --line:         rgba(26, 21, 18, 0.12);
  --line-on-dark: rgba(251, 245, 234, 0.16);

  /* Typography */
  --font-display: 'Playfair Display', 'Georgia', serif;
  --font-body:    'Poppins', 'Helvetica Neue', Arial, sans-serif;

  /* Radii */
  --r-sm: 6px;
  --r-md: 14px;
  --r-lg: 26px;
  --r-pill: 999px;

  /* Shadow */
  --shadow-soft: 0 20px 60px rgba(26, 21, 18, 0.10);
  --shadow-card: 0 12px 30px rgba(26, 21, 18, 0.14);

  /* Motion */
  --ease: cubic-bezier(0.22, 1, 0.36, 1);
  --dur-fast: 0.25s;
  --dur-med: 0.5s;
  --dur-slow: 0.9s;

  /* Layout */
  --container: 1240px;
  --gutter: clamp(20px, 5vw, 64px);
  --header-h: 76px;
}