/*
 * Default Base Theme - OKLCH Color Variables
 *
 * Projects copy this file to src/projects/{slug}/styles/theme.css
 * and customize the color values for their brand.
 *
 * This file contains ONLY CSS variable overrides.
 * The @theme inline mapping is in the main styles.css (compiled once).
 */

/* Light mode - default brand colors */
:root {
  /* Primary brand color - blue */
  --primary: oklch(0.546 0.245 262.881);
  --primary-foreground: oklch(0.985 0.002 247.858);

  /* Background & foreground */
  --background: oklch(1 0 0);
  --foreground: oklch(0.145 0 0);

  /* Card surfaces */
  --card: oklch(1 0 0);
  --card-foreground: oklch(0.145 0 0);

  /* Popover surfaces */
  --popover: oklch(1 0 0);
  --popover-foreground: oklch(0.145 0 0);

  /* Secondary actions */
  --secondary: oklch(0.97 0 0);
  --secondary-foreground: oklch(0.205 0 0);

  /* Muted/subtle elements */
  --muted: oklch(0.97 0 0);
  --muted-foreground: oklch(0.556 0 0);

  /* Accent color */
  --accent: oklch(0.97 0 0);
  --accent-foreground: oklch(0.205 0 0);

  /* Destructive actions */
  --destructive: oklch(0.577 0.245 27.325);

  /* Borders & inputs */
  --border: oklch(0.922 0 0);
  --input: oklch(0.922 0 0);
  --ring: oklch(0.546 0.245 262.881);

  /* Border radius */
  --radius: 0.5rem;
}

/* Dark mode */
.dark, [data-theme='dark'] {
  --primary: oklch(0.623 0.214 259.815);
  --primary-foreground: oklch(0.145 0 0);

  --background: oklch(0.145 0 0);
  --foreground: oklch(0.985 0 0);

  --card: oklch(0.205 0 0);
  --card-foreground: oklch(0.985 0 0);

  --popover: oklch(0.205 0 0);
  --popover-foreground: oklch(0.985 0 0);

  --secondary: oklch(0.269 0 0);
  --secondary-foreground: oklch(0.985 0 0);

  --muted: oklch(0.269 0 0);
  --muted-foreground: oklch(0.708 0 0);

  --accent: oklch(0.269 0 0);
  --accent-foreground: oklch(0.985 0 0);

  --destructive: oklch(0.704 0.191 22.199);

  --border: oklch(1 0 0 / 10%);
  --input: oklch(1 0 0 / 15%);
  --ring: oklch(0.623 0.214 259.815);
}