/* Design tokens — Massbuilding brand system
   Primary: deep royal blue · Accent: warm gold · Support: teal + navy ink */
:root {
  /* Blue family (primary) */
  --blue-900: #0a2a5e;
  --blue-800: #0d3a7a;
  --blue-700: #123f8f;
  --blue-600: #1a56b0;
  --blue-500: #2f6fed;
  --blue-100: #e8effc;

  /* Gold accent (elegance / luxury cue) */
  --gold-600: #b9862f;
  --gold-500: #d4a017;
  --gold-100: #faf1dc;

  /* Teal support (used sparingly for freshness) */
  --teal-600: #0f8a7e;
  --teal-100: #e1f5f2;

  /* Neutrals */
  --ink-900: #0f172a;
  --ink-700: #334155;
  --ink-500: #64748b;
  --ink-300: #cbd5e1;
  --ink-100: #eef1f6;
  --cloud: #f6f8fc;
  --white: #ffffff;

  /* Semantic aliases */
  --primary: var(--blue-700);
  --primary-dark: var(--blue-900);
  --primary-light: var(--blue-500);
  --accent: var(--gold-500);
  --accent-dark: var(--gold-600);
  --support: var(--teal-600);
  --text: var(--ink-900);
  --text-muted: var(--ink-500);
  --border: var(--ink-300);
  --surface: var(--white);
  --surface-alt: var(--cloud);

  /* Typography */
  --font-display: 'Playfair Display', Georgia, serif;
  --font-body: 'Inter', system-ui, -apple-system, sans-serif;

  /* Effects */
  --radius-sm: 6px;
  --radius: 12px;
  --radius-lg: 20px;
  --shadow-sm: 0 2px 8px rgba(15, 23, 42, 0.06);
  --shadow: 0 12px 32px rgba(15, 23, 42, 0.1);
  --shadow-lg: 0 24px 64px rgba(10, 42, 94, 0.18);
  --container: 1240px;
}