:root {
  --color-background: #F7F5F2;
  --color-surface: #FFFFFF;
  --color-surface-subtle: #EFEAE5;
  --color-foreground: #231F20;
  --color-muted-foreground: #6B6668;
  --color-border: #DDD7D2;
  --color-accent: #F47421;
  --color-accent-foreground: #231F20;
  --color-accent-soft: #FCE4D3;
  --color-on-ink: #FFFFFF;
  --color-destructive: #B42318;
  --color-destructive-soft: #FDE8E6;
  --color-success: #397453;
  --color-success-soft: #E5F1EA;
  --color-warning: #8A5A13;
  --color-warning-soft: #F8ECD7;
  --color-focus-ring: #F47421;
  --color-shadow: #231F20;

  --background: var(--color-background);
  --card: var(--color-surface);
  --popover: var(--color-surface);
  --foreground: var(--color-foreground);
  --primary: var(--color-accent);
  --primary-foreground: var(--color-accent-foreground);
  --secondary: var(--color-surface-subtle);
  --secondary-foreground: var(--color-foreground);
  --muted: var(--color-surface-subtle);
  --muted-foreground: var(--color-muted-foreground);
  --accent: var(--color-accent-soft);
  --accent-foreground: var(--color-foreground);
  --destructive: var(--color-destructive);
  --border: var(--color-border);
  --input: var(--color-border);
  --ring: var(--color-focus-ring);
}