/* Global design tokens (confirmed Global Theme). Brand colours can be overridden from Site Options → Brand. */
:root {
  --color-accent: #cf8670;
  --color-bg-dark: #2a1319;
  --color-bg-light: #fdf1ec;
  --color-bg-navy: #0f1b2d;
  --color-bg-white: #ffffff;
  --color-border: #f0d3c9;
  --color-error: #ef4444;
  --color-primary: #3d1f26;
  --color-secondary: #fdf1ec;
  --color-success: #22c55e;
  --color-text-dark: #2e1a1f;
  --color-text-inverse: #ffffff;
  --color-text-light: #999999;
  --color-text-medium: #555555;
  --color-warning: #f59e0b;
  --container-max: 1200px;
  --container-narrow: 800px;
  --container-wide: 1920px;
  --font-body: 'Work Sans';
  --font-heading: 'Belleza';
  --footer-padding-bottom: 40px;
  --footer-padding-top: 80px;
  --header-height: 115px;
  --media-aspect-default: 16/9;
  --radius-full: 9999px;
  --radius-lg: 0px;
  --radius-md: 0px;
  --radius-sm: 0px;
  --shadow-lg: none;
  --shadow-md: none;
  --shadow-sm: none;
  --space-card: 40px;
  --space-container-x: 40px;
  --space-gap: 24px;
  --space-section: 96px;
  --space-stack: 16px;
  --text-body: clamp(15px, calc(0.0647vw + 14.757px), 16px);
  --text-body-lg: clamp(18px, calc(0.1294vw + 17.515px), 20px);
  --text-display: clamp(40px, calc(2.0712vw + 32.233px), 72px);
  --text-h1: clamp(36px, calc(1.2945vw + 31.146px), 56px);
  --text-h2: clamp(32px, calc(0.7767vw + 29.087px), 44px);
  --text-h3: clamp(24px, calc(0.3883vw + 22.544px), 30px);
  --text-h4: clamp(20px, calc(0.2589vw + 19.029px), 24px);
  --text-label: 12px;
  --text-small: clamp(13px, calc(0.0647vw + 12.757px), 14px);
  --transition-base: 400ms cubic-bezier(0.25, 0.1, 0.25, 1);
  --transition-fast: 250ms cubic-bezier(0.25, 0.1, 0.25, 1);
  --transition-luxury: 900ms cubic-bezier(0.25, 0.1, 0.25, 1);
  --transition-slow: 600ms cubic-bezier(0.25, 0.1, 0.25, 1);

  /* component tokens — derived from the canonical tokens above */
  --button-radius: var(--radius-md);
  --button-padding-y: 14px;
  --button-padding-x: 34px;
  --button-transition: var(--transition-fast);
  --card-radius: var(--radius-md);
  --card-padding: var(--space-card);
  --card-shadow: var(--shadow-md);
  --card-bg: var(--color-bg-white);
  --card-border-color: var(--color-border);
  --header-bg: #34191f;
  --nav-link-color: var(--color-text-inverse);
  --nav-link-color-active: var(--color-accent);
  --footer-bg: linear-gradient(180deg, #34191f, #2a1319);
  --footer-text-color: var(--color-text-inverse);
  --media-radius: var(--radius-sm);
  --section-bg-primary: var(--color-secondary);
  --section-bg-dark: var(--color-primary);
  --section-padding-y: var(--space-section);

  /* one-off, project-scoped values (not theme roles) */
  --proj-surface-warm: #fae8e1;
  --proj-line-dark: rgba(207,134,112, .3);
  --proj-text-on-dark: #f4d6cc;
  --proj-gutter: clamp(20px, 3vw, 40px);
  --proj-section-y: clamp(64px, 9vw, var(--space-section));
}