:root {
  /* Light: white paper, black ink, red accent */
  --background: oklch(1 0 0);
  --foreground: oklch(0.17 0 0);
  --card: oklch(1 0 0);
  --card-foreground: oklch(0.17 0 0);
  --popover: oklch(1 0 0);
  --popover-foreground: oklch(0.17 0 0);
  --primary: oklch(0.55 0.22 27);
  --primary-foreground: oklch(1 0 0);
  --secondary: oklch(0.965 0.004 27);
  --secondary-foreground: oklch(0.17 0 0);
  --muted: oklch(0.965 0.004 27);
  --muted-foreground: oklch(0.47 0 0);
  --accent: oklch(0.58 0.22 27);
  --accent-foreground: oklch(1 0 0);
  --destructive: oklch(0.577 0.245 27.325);
  --destructive-foreground: oklch(1 0 0);
  --border: oklch(0.9 0.004 27);
  --input: oklch(0.9 0.004 27);
  --ring: oklch(0.58 0.22 27);
  --accent-ink: oklch(0.5 0.2 27);

  --chart-1: oklch(0.8 0.1 27);
  --chart-2: oklch(0.66 0.18 27);
  --chart-3: oklch(0.55 0.22 27);
  --chart-4: oklch(0.42 0.16 25);
  --chart-5: oklch(0.3 0.08 22);

  --sidebar: oklch(0.985 0 0);
  --sidebar-foreground: oklch(0.17 0 0);
  --sidebar-primary: oklch(0.55 0.22 27);
  --sidebar-primary-foreground: oklch(1 0 0);
  --sidebar-accent: oklch(0.965 0.004 27);
  --sidebar-accent-foreground: oklch(0.17 0 0);
  --sidebar-border: oklch(0.9 0.004 27);
  --sidebar-ring: oklch(0.58 0.22 27);

  --font-sans: "Inter", ui-sans-serif, system-ui, sans-serif;
  --font-display: "Archivo", "Inter", ui-sans-serif, system-ui, sans-serif;
  --radius: 0rem;
}

.dark {
  /* Dark: black page, white ink, red accent */
  --background: oklch(0.14 0 0);
  --foreground: oklch(0.98 0 0);
  --card: oklch(0.18 0 0);
  --card-foreground: oklch(0.98 0 0);
  --popover: oklch(0.2 0 0);
  --popover-foreground: oklch(0.98 0 0);
  --primary: oklch(0.57 0.21 27);
  --primary-foreground: oklch(1 0 0);
  --secondary: oklch(0.21 0.005 27);
  --secondary-foreground: oklch(0.98 0 0);
  --muted: oklch(0.21 0.005 27);
  --muted-foreground: oklch(0.72 0 0);
  --accent: oklch(0.64 0.21 27);
  --accent-foreground: oklch(1 0 0);
  --destructive: oklch(0.7 0.19 22);
  --destructive-foreground: oklch(0.98 0 0);
  --border: oklch(0.28 0.005 27);
  --input: oklch(0.32 0.005 27);
  --ring: oklch(0.64 0.21 27);
  --accent-ink: oklch(0.74 0.16 25);

  --chart-1: oklch(0.8 0.1 27);
  --chart-2: oklch(0.7 0.17 27);
  --chart-3: oklch(0.6 0.21 27);
  --chart-4: oklch(0.48 0.16 25);
  --chart-5: oklch(0.36 0.09 22);

  --sidebar: oklch(0.18 0 0);
  --sidebar-foreground: oklch(0.98 0 0);
  --sidebar-primary: oklch(0.57 0.21 27);
  --sidebar-primary-foreground: oklch(1 0 0);
  --sidebar-accent: oklch(0.21 0.005 27);
  --sidebar-accent-foreground: oklch(0.98 0 0);
  --sidebar-border: oklch(0.28 0.005 27);
  --sidebar-ring: oklch(0.64 0.21 27);
}