:root {
  color-scheme: light;

  /* WandAR app semantic colour roles (light theme). */
  --theme-canvas: #FDFDFA;
  --theme-surface: #FFFFFF;
  --theme-surface-elevated: #F5F5EF;
  --theme-surface-muted: #EEEFE7;
  --theme-border: #D6D8CC;
  --theme-border-strong: #73766B;
  --theme-text: #262624;
  --theme-text-muted: #62645C;
  --theme-primary: #C1F105;
  --theme-primary-strong: #526A00;
  --theme-on-primary: #262624;
  --theme-secondary: #8C7EFC;
  --theme-on-secondary: #262624;
  --theme-accent: #FE701E;
  --theme-on-accent: #262624;
  --theme-success: #167A45;
  --theme-success-surface: #E6F5EC;
  --theme-warning: #7A4B00;
  --theme-warning-surface: #FFF2C2;
  --theme-danger: #B42318;
  --theme-danger-surface: #FDECEA;
  --theme-info: #1D4ED8;
  --theme-info-surface: #E8F0FE;

  /* The app's soft shape preset. */
  --radius-surface: 12px;
  --radius-card: 16px;
  --radius-modal: 24px;
  --radius-input: 12px;
  --radius-button: 12px;
  --radius-chip: 10px;
  --radius-icon: 14px;
  --radius-pill: 999px;

  --shadow-surface: 0 8px 14px rgba(0, 0, 0, 0.08);
  --shadow-raised: 0 12px 30px rgba(38, 38, 36, 0.12);
  --control-height: 48px;
  --font-body: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-title: "SF Pro Rounded", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;

  /* Compiled by brand-lockup.js when a page declares data-wandar-primary. */
  --wandar-lockup-background: var(--theme-primary);
  --wandar-lockup-foreground: #000000;
}