/* ============================================================
   Chadwick's Gold Honey — Design Tokens
   Sourced directly from the brand design system in Google Drive
   (colors.css, typography.css, spacing.css, effects.css, fonts.css)
   ============================================================ */

@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,500;0,600;0,700;0,800;1,600;1,700&family=Cinzel:wght@500;600;700&family=EB+Garamond:ital,wght@0,400;0,500;0,600;1,400&display=swap');

:root {
  /* ---- Base palette ---- */
  --gold-50: #FBF3E1;
  --gold-100: #F3DFAF;
  --gold-300: #E3A340;
  --gold-500: #C7963C;
  --gold-600: #A97A2C;
  --gold-700: #8C6423;
  --gold-900: #5E4114;

  --ink-900: #17130E;
  --ink-700: #2A1B10;
  --ink-500: #4A392A;

  --cream-50: #FBF8F2;
  --cream-100: #F7F1E7;
  --cream-200: #EFE7D8;
  --cream-300: #E4D8C0;
  --cream-line: #D9CBB0;

  --forest-600: #3A4526;
  --forest-800: #232B16;

  --rust-500: #9A3C18;
  --rust-700: #7E2D10;

  --honey-500: #CD7F21;

  /* ---- Semantic aliases ---- */
  --surface-page: var(--cream-200);
  --surface-card: var(--cream-100);
  --surface-card-raised: var(--cream-50);
  --surface-inverse: var(--ink-700);
  --surface-inverse-raised: #35231483;

  --border-default: var(--cream-line);
  --border-strong: var(--ink-900);
  --border-gold: var(--gold-500);

  --text-primary: var(--ink-900);
  --text-secondary: var(--ink-500);
  --text-on-inverse: var(--cream-50);
  --text-on-inverse-muted: #D8C9AE;
  --text-gold: var(--gold-600);

  --accent-primary: var(--gold-500);
  --accent-primary-hover: var(--gold-600);
  --accent-primary-press: var(--gold-700);
  --accent-secondary: var(--forest-600);
  --accent-tertiary: var(--rust-500);

  --focus-ring: var(--gold-500);
  --link: var(--gold-700);
  --link-hover: var(--rust-700);

  /* ---- Font families ---- */
  --font-display: 'Playfair Display', 'Palatino Linotype', Georgia, serif;
  --font-caps: 'Cinzel', 'Palatino Linotype', Georgia, serif;
  --font-body: 'EB Garamond', 'Palatino Linotype', Georgia, serif;

  /* ---- Type scale ---- */
  --text-display-xl: 700 64px/1.05 var(--font-display);
  --text-display-lg: 700 46px/1.1 var(--font-display);
  --text-display-md: 600 32px/1.2 var(--font-display);
  --text-display-sm: 600 24px/1.25 var(--font-display);

  --text-caps-lg: 600 18px/1.4 var(--font-caps);
  --text-caps-md: 600 14px/1.5 var(--font-caps);
  --text-caps-sm: 600 11px/1.5 var(--font-caps);

  --text-body-lg: 400 20px/1.6 var(--font-body);
  --text-body-md: 400 17px/1.65 var(--font-body);
  --text-body-sm: 400 15px/1.6 var(--font-body);
  --text-body-md-italic: 400 italic 18px/1.6 var(--font-body);

  --tracking-caps-wide: 0.14em;
  --tracking-caps: 0.09em;
  --tracking-tight: -0.01em;

  /* ---- Spacing ---- */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;
  --space-8: 64px;
  --space-9: 96px;
  --space-10: 128px;

  --radius-none: 0px;
  --radius-sm: 2px;
  --radius-md: 4px;
  --radius-pill: 999px;

  --container-max: 1200px;
  --container-narrow: 720px;

  /* ---- Borders / shadows / motion ---- */
  --border-hairline: 1px solid var(--border-default);
  --border-ink: 1.5px solid var(--ink-900);
  --border-gold-rule: 1px solid var(--gold-500);

  --shadow-sm: 0 1px 2px rgba(23, 19, 14, 0.08);
  --shadow-md: 0 4px 16px rgba(23, 19, 14, 0.10);
  --shadow-lg: 0 12px 32px rgba(23, 19, 14, 0.16);
  --shadow-gold-glow: 0 0 0 1px rgba(199, 150, 60, 0.35), 0 6px 20px rgba(199, 150, 60, 0.18);

  --ease-standard: cubic-bezier(0.4, 0, 0.2, 1);
  --duration-fast: 140ms;
  --duration-standard: 220ms;
  --duration-slow: 400ms;
}