:root {
  /* ---- Base palette (brand brief) ---- */
  --luxury-black: #0F0F10;
  --deep-charcoal: #181818;
  --warm-ivory: #F5EFE8;
  --luxury-gold: #C7A26A;
  --gold-hover: #E0B56E;
  --white: #FFFFFF;
  --light-grey: #CFCFCF;
  --success: #3FB950;

  /* Derived tints (oklch-harmonized with the base palette) */
  --gold-soft: rgba(199, 162, 106, 0.16);
  --gold-line: rgba(199, 162, 106, 0.35);
  --ivory-muted: #E9E1D6;
  --charcoal-raised: #1F1F1F;
  --line-subtle: rgba(255, 255, 255, 0.10);
  --line-faint: rgba(255, 255, 255, 0.06);
  --overlay-scrim: linear-gradient(180deg, rgba(15,15,16,0) 0%, rgba(15,15,16,0.85) 100%); /* @kind color */

  /* ---- Semantic aliases ---- */
  --surface-page: var(--luxury-black);
  --surface-alt: var(--deep-charcoal);
  --surface-card: var(--charcoal-raised);
  --surface-inverse: var(--warm-ivory);

  --text-primary: var(--white);
  --text-secondary: var(--light-grey);
  --text-accent: var(--luxury-gold);
  --text-on-gold: var(--luxury-black);
  --text-on-ivory: var(--luxury-black);
  --text-muted: rgba(207, 207, 207, 0.6);

  --accent: var(--luxury-gold);
  --accent-hover: var(--gold-hover);

  --border-card: var(--line-subtle);
  --border-accent: var(--gold-line);

  --state-success: var(--success);
}