:root {
  --vivanda-terracotta-light: #F0DED4;
  --vivanda-terracotta: #A8563A;
  --vivanda-terracotta-deep: #6E3524;
  --vivanda-olive-light: #E2E4D5;
  --vivanda-olive: #5F6B45;
  --vivanda-olive-deep: #3B4329;
  --vivanda-wheat-light: #F7EBCF;
  --vivanda-wheat: #DFBE79;
  --vivanda-wheat-deep: #8A6C2C;
  --vivanda-tomato-light: #F7DCD7;
  --vivanda-tomato: #C4402E;
  --vivanda-tomato-deep: #8A2415;
  --vivanda-ink-light: #8A8378;
  --vivanda-ink: #24201D;
  --vivanda-ink-deep: #100E0D;
  --vivanda-ground-light: #FFFFFF;
  --vivanda-ground: #F6F3EE;
  --vivanda-ground-deep: #D8CFC2;

  /* semantic aliases */
  --vivanda-bg: var(--vivanda-ground);
  --vivanda-surface: var(--vivanda-ground-light);
  --vivanda-divider: var(--vivanda-ground-deep);
  --vivanda-text: var(--vivanda-ink);
  --vivanda-text-muted: var(--vivanda-ink-light);
  --vivanda-primary: var(--vivanda-terracotta);
  --vivanda-primary-hover: var(--vivanda-terracotta-deep);
  --vivanda-primary-tint: var(--vivanda-terracotta-light);
  --vivanda-success: var(--vivanda-olive);
  --vivanda-highlight: var(--vivanda-wheat-light);
  --vivanda-danger: var(--vivanda-tomato);
}

/* Dark mode: ink becomes the ground, the light steps carry text. */
@media (prefers-color-scheme: dark) {
  :root {
    --vivanda-bg: #1A1817;
    --vivanda-surface: #24201D;
    --vivanda-divider: #3A3532;
    --vivanda-text: #F1EBE2;
    --vivanda-text-muted: #A39B90;
    --vivanda-primary: #C7714F;
    --vivanda-primary-hover: #DB8B69;
    --vivanda-primary-tint: #3A2620;
    --vivanda-success: #8B9668;
    --vivanda-highlight: #40331C;
    --vivanda-danger: #DB6350;
  }
}