:root {
  --bg: #FAF8F5;
  --surface: #FFFFFF;
  --border: #EDE8E0;
  --border-inner: #F0EBE3;

  --text-primary: #1A1209;
  --text-secondary: #9E9488;
  --text-muted: #BDB5A8;

  --crimson: #9B2335;
  --crimson-2: #C8503A;
  --gold: #C8973A;
  --gold-2: #A07228;

  --dark-from: #1A0C0E;
  --dark-to: #2D1218;

  /* Per-wine kind tokens */
  --red-accent: #9B2335;
  --red-light: #FDF0F2;

  --white-accent: #C8973A;
  --white-light: #FDF8EE;

  --sparkling-accent: #7A6540;
  --sparkling-light: #FAF7F0;

  --meritage-accent: #5C2D82;
  --meritage-light: #F5F0FA;

  /* Compatibility aliases for existing component CSS */
  --color-wine: var(--crimson);
  --color-wine-dark: #7A1B29;
  --color-wine-light: var(--crimson-2);

  --color-cream: var(--bg);
  --color-cream-dark: #F5F1EB;
  --color-sand: var(--border);

  --color-ink: var(--text-primary);
  --color-ink-soft: #5A4A3A;
  --color-muted: var(--text-secondary);

  --color-bg: var(--bg);
  --color-surface: var(--surface);
  --color-border: var(--border);

  --color-success: #2E6F4A;
  --color-success-bg: #E3F0E8;
  --color-danger: var(--crimson);
  --color-danger-bg: var(--red-light);
}