/* Canonical AutoPilot theme: shared by the app and vendor account pages. */

:root {
  --radius: 10px;

  /* Redesign OKLCH-based design tokens (dark default) */
  --bg: oklch(0.155 0.008 260);
  --bg-1: oklch(0.185 0.009 260);
  --bg-2: oklch(0.22 0.010 260);
  --panel: oklch(0.195 0.009 260);
  --line: oklch(0.28 0.010 260);
  --line-soft: oklch(0.24 0.010 260);
  --fg: oklch(0.97 0.005 260);
  --fg-dim: oklch(0.88 0.006 260);
  --fg-mute: oklch(0.74 0.008 260);
  --fg-faint: oklch(0.58 0.009 260);
  --accent: oklch(0.80 0.150 162);
  --accent-ink: oklch(0.18 0.05 162);
  --ok: oklch(0.78 0.13 155);
  --warn: oklch(0.80 0.14 85);
  --fail: oklch(0.70 0.20 28);

  /* shadcn aliases mapped to redesign tokens */
  --background: var(--bg);
  --foreground: var(--fg);
  --card: var(--panel);
  --card-foreground: var(--fg);
  --popover: var(--bg-1);
  --popover-foreground: var(--fg);
  --primary: var(--accent);
  --primary-foreground: var(--accent-ink);
  --secondary: var(--bg-1);
  --secondary-foreground: var(--fg-dim);
  --muted: var(--bg-1);
  --muted-foreground: var(--fg-mute);
  --accent-foreground: var(--accent-ink);
  --destructive: var(--fail);
  --border: var(--line);
  --input: var(--bg-1);
  --ring: var(--accent);
  --chart-1: oklch(0.488 0.243 264.376);
  --chart-2: oklch(0.696 0.17 162.48);
  --chart-3: oklch(0.769 0.188 70.08);
  --chart-4: oklch(0.627 0.265 303.9);
  --chart-5: oklch(0.645 0.246 16.439);
  --sidebar: var(--bg-1);
  --sidebar-foreground: var(--fg);
  --sidebar-primary: var(--accent);
  --sidebar-primary-foreground: var(--accent-ink);
  --sidebar-accent: var(--bg-2);
  --sidebar-accent-foreground: var(--fg-dim);
  --sidebar-border: var(--line);
  --sidebar-ring: var(--accent);
}

.light {
  /* Redesign OKLCH-based design tokens (light) */
  --bg: oklch(0.985 0.003 260);
  --bg-1: oklch(0.965 0.005 260);
  --bg-2: oklch(0.94 0.006 260);
  --panel: oklch(1 0 0);
  --line: oklch(0.90 0.006 260);
  --line-soft: oklch(0.94 0.006 260);
  --fg: oklch(0.22 0.015 260);
  --fg-dim: oklch(0.40 0.012 260);
  --fg-mute: oklch(0.54 0.01 260);
  --fg-faint: oklch(0.68 0.008 260);
  --accent: oklch(0.60 0.14 162);
  --accent-ink: #fff;
  --ok: oklch(0.78 0.13 155);
  --warn: oklch(0.80 0.14 85);
  --fail: oklch(0.70 0.20 28);

  /* shadcn aliases mapped to redesign tokens */
  --background: var(--bg);
  --foreground: var(--fg);
  --card: var(--panel);
  --card-foreground: var(--fg);
  --popover: var(--bg);
  --popover-foreground: var(--fg);
  --primary: var(--accent);
  --primary-foreground: var(--accent-ink);
  --secondary: var(--bg-1);
  --secondary-foreground: var(--fg-dim);
  --muted: var(--bg-1);
  --muted-foreground: var(--fg-mute);
  --accent-foreground: var(--accent-ink);
  --destructive: var(--fail);
  --border: var(--line);
  --input: var(--bg-1);
  --ring: var(--accent);
  --sidebar: var(--bg-1);
  --sidebar-foreground: var(--fg);
  --sidebar-primary: var(--accent);
  --sidebar-primary-foreground: var(--accent-ink);
  --sidebar-accent: var(--bg-2);
  --sidebar-accent-foreground: var(--fg-dim);
  --sidebar-border: var(--line);
  --sidebar-ring: var(--accent);
}

.dark {
  /* Redesign OKLCH-based design tokens (dark) */
  --bg: oklch(0.155 0.008 260);
  --bg-1: oklch(0.185 0.009 260);
  --bg-2: oklch(0.22 0.010 260);
  --panel: oklch(0.195 0.009 260);
  --line: oklch(0.28 0.010 260);
  --line-soft: oklch(0.24 0.010 260);
  --fg: oklch(0.97 0.005 260);
  --fg-dim: oklch(0.88 0.006 260);
  --fg-mute: oklch(0.74 0.008 260);
  --fg-faint: oklch(0.58 0.009 260);
  --accent: oklch(0.80 0.150 162);
  --accent-ink: oklch(0.18 0.05 162);
  --ok: oklch(0.78 0.13 155);
  --warn: oklch(0.80 0.14 85);
  --fail: oklch(0.70 0.20 28);

  /* shadcn aliases mapped to redesign tokens */
  --background: var(--bg);
  --foreground: var(--fg);
  --card: var(--panel);
  --card-foreground: var(--fg);
  --popover: var(--bg-1);
  --popover-foreground: var(--fg);
  --primary: var(--accent);
  --primary-foreground: var(--accent-ink);
  --secondary: var(--bg-1);
  --secondary-foreground: var(--fg-dim);
  --muted: var(--bg-1);
  --muted-foreground: var(--fg-mute);
  --accent-foreground: var(--accent-ink);
  --destructive: var(--fail);
  --border: var(--line);
  --input: var(--bg-1);
  --ring: var(--accent);
  --sidebar: var(--bg-1);
  --sidebar-foreground: var(--fg);
  --sidebar-primary: var(--accent);
  --sidebar-primary-foreground: var(--accent-ink);
  --sidebar-accent: var(--bg-2);
  --sidebar-accent-foreground: var(--fg-dim);
  --sidebar-border: var(--line);
  --sidebar-ring: var(--accent);
}