:root {
  --radius: 0.75rem;
  color-scheme: light;

  --font-sans: "Plus Jakarta Sans", system-ui, sans-serif;
  --font-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  --font-heading: var(--font-sans);
  --font-body: var(--font-sans);

  --background: oklch(0.96 0.010 80);
  --foreground: oklch(0.18 0.030 260);
  --card: oklch(0.954 0.010 75);
  --card-hover: oklch(0.94 0.010 75);
  --card-foreground: var(--foreground);
  --popover: oklch(0.954 0.010 75);
  --popover-foreground: var(--foreground);
  --secondary: oklch(0.95 0.010 80);
  --secondary-foreground: oklch(0.25 0.030 260);
  --muted: oklch(0.92 0.008 80);
  --muted-foreground: oklch(0.52 0.020 260);
  --border: oklch(0.90 0.010 80);
  --input: oklch(0.92 0.008 80);

  --primary: oklch(0.52 0.14 160);
  --primary-foreground: oklch(0.99 0 0);
  --primary-ink: oklch(0.46 0.14 160);
  --accent: oklch(0.49 0.20 290);
  --accent-foreground: oklch(0.99 0 0);
  --accent-ink: oklch(0.49 0.20 290);
  --ring: var(--primary);

  --success: oklch(0.55 0.15 145);
  --success-foreground: oklch(0.99 0 0);
  --success-ink: oklch(0.47 0.15 145);
  --warning: oklch(0.62 0.14 75);
  --warning-foreground: oklch(0.99 0 0);
  --warning-ink: oklch(0.50 0.14 75);
  --info: oklch(0.55 0.15 230);
  --info-foreground: oklch(0.99 0 0);
  --info-ink: oklch(0.46 0.15 230);
  --destructive: oklch(0.55 0.22 25);
  --destructive-foreground: oklch(0.99 0 0);
  --destructive-ink: oklch(0.48 0.22 25);

  --accent-rose: oklch(0.65 0.20 350);
  --accent-amber: oklch(0.75 0.15 75);
  --accent-lime: oklch(0.72 0.18 145);
  --accent-sky: oklch(0.65 0.15 230);
  --accent-violet: oklch(0.60 0.20 290);
  --accent-teal: oklch(0.65 0.14 180);

  --chart-1: oklch(0.52 0.14 160);
  --chart-2: oklch(0.49 0.20 290);
  --chart-3: oklch(0.72 0.17 75);
  --chart-4: oklch(0.62 0.20 35);
  --chart-5: oklch(0.55 0.15 240);
  --serie-referencia: oklch(0.90 0.005 260);

  --sidebar: oklch(0.24 0.003 250);
  --sidebar-foreground: oklch(0.95 0.005 260);
  --sidebar-muted: oklch(0.72 0.010 260);
  --sidebar-primary: oklch(0.72 0.14 160);
  --sidebar-primary-foreground: oklch(0.14 0.02 260);
  --sidebar-accent: oklch(1 0 0 / 8%);
  --sidebar-accent-foreground: var(--sidebar-foreground);
  --sidebar-border: oklch(1 0 0 / 8%);

  --glass-bg: oklch(0.954 0.01 75 / 75%);
  --glass-border: oklch(1 0 0 / 24%);
  --glass-lift: oklch(1 0 0 / 35%);
  --pane: oklch(0.965 0.009 78);
  --pane-lit: oklch(0.985 0.006 82);
  --field-bg: oklch(0.978 0.006 82 / 82%);
  --result-card: #fff;
  --result-foreground: oklch(0.18 0.030 260);
  --result-muted-foreground: oklch(0.43 0.020 260);

  --shadow-card: 0 1px 3px 0 oklch(0.18 0.03 260 / 6%), 0 1px 2px -1px oklch(0.18 0.03 260 / 6%);
  --shadow-card-hover: 0 4px 16px -4px oklch(0.18 0.03 260 / 10%), 0 2px 4px -2px oklch(0.18 0.03 260 / 5%);
  --shadow-glow: 0 0 20px -5px oklch(0.52 0.14 160 / 25%);
  --shadow-glow-accent: 0 0 20px -5px oklch(0.49 0.20 290 / 25%);
  --shadow-sidebar: inset -1px 0 0 oklch(1 0 0 / 5%), 8px 0 32px -18px oklch(0.18 0.03 260 / 46%);
  --shadow-modal: 0 24px 70px -22px oklch(0.18 0.03 260 / 44%), inset 0 1px 0 oklch(1 0 0 / 42%);
  --backdrop-scrim: oklch(0.18 0.03 260 / 42%);
  --gradient-primary: linear-gradient(135deg, oklch(0.52 0.14 160), oklch(0.48 0.12 175));
  --canvas:
    radial-gradient(ellipse at top left, oklch(0.985 0.004 160) 0%, transparent 60%),
    radial-gradient(ellipse at bottom right, oklch(0.975 0.006 280 / 45%) 0%, transparent 60%);
}

.dark {
  color-scheme: dark;

  --background: oklch(0.17 0.020 260);
  --foreground: oklch(0.95 0.010 260);
  --card: oklch(0.21 0.020 260);
  --card-hover: oklch(0.24 0.020 260);
  --card-foreground: var(--foreground);
  --popover: oklch(0.21 0.020 260);
  --popover-foreground: var(--foreground);
  --secondary: oklch(0.24 0.020 260);
  --secondary-foreground: oklch(0.90 0.010 260);
  --muted: oklch(0.24 0.020 260);
  --muted-foreground: oklch(0.65 0.020 260);
  --border: oklch(0.28 0.015 260);
  --input: oklch(0.24 0.020 260);

  --primary: oklch(0.56 0.14 160);
  --primary-foreground: oklch(0.12 0.02 260);
  --primary-ink: oklch(0.63 0.14 160);
  --accent: oklch(0.55 0.20 290);
  --accent-foreground: oklch(0.95 0.01 260);
  --accent-ink: oklch(0.66 0.20 290);

  --success: oklch(0.72 0.16 145);
  --success-foreground: oklch(0.14 0.02 260);
  --success-ink: oklch(0.72 0.16 145);
  --warning: oklch(0.78 0.14 75);
  --warning-foreground: oklch(0.14 0.02 260);
  --warning-ink: oklch(0.78 0.14 75);
  --info: oklch(0.70 0.14 230);
  --info-foreground: oklch(0.14 0.02 260);
  --info-ink: oklch(0.70 0.14 230);
  --destructive: oklch(0.60 0.20 25);
  --destructive-foreground: oklch(0.95 0.01 260);
  --destructive-ink: oklch(0.66 0.20 25);

  --accent-rose: oklch(0.70 0.19 350);
  --accent-amber: oklch(0.79 0.14 75);
  --accent-lime: oklch(0.76 0.17 145);
  --accent-sky: oklch(0.70 0.14 230);
  --accent-violet: oklch(0.66 0.19 290);
  --accent-teal: oklch(0.70 0.13 180);

  --chart-1: oklch(0.56 0.14 160);
  --chart-2: oklch(0.55 0.20 290);
  --chart-3: oklch(0.75 0.17 75);
  --chart-4: oklch(0.65 0.20 35);
  --chart-5: oklch(0.60 0.15 240);
  --serie-referencia: oklch(0.33 0.012 260);

  --sidebar: oklch(0.19 0.02 260);
  --sidebar-foreground: oklch(0.95 0.005 260);
  --sidebar-muted: oklch(0.72 0.010 260);
  --sidebar-primary: oklch(0.72 0.14 160);
  --sidebar-primary-foreground: oklch(0.14 0.02 260);
  --sidebar-accent: oklch(1 0 0 / 8%);
  --sidebar-accent-foreground: var(--sidebar-foreground);
  --sidebar-border: oklch(1 0 0 / 8%);

  --glass-bg: oklch(0.17 0.02 260 / 85%);
  --glass-border: oklch(1 0 0 / 8%);
  --glass-lift: oklch(1 0 0 / 10%);
  --pane: oklch(0.205 0.018 260);
  --pane-lit: oklch(0.24 0.018 260);
  --field-bg: oklch(0.235 0.018 260 / 82%);

  --shadow-card: 0 1px 3px 0 oklch(0 0 0 / 20%), 0 1px 2px -1px oklch(0 0 0 / 15%);
  --shadow-card-hover: 0 4px 16px -4px oklch(0 0 0 / 30%), 0 2px 4px -2px oklch(0 0 0 / 15%);
  --shadow-glow: 0 0 20px -5px oklch(0.56 0.14 160 / 30%);
  --shadow-glow-accent: 0 0 20px -5px oklch(0.55 0.20 290 / 30%);
  --shadow-sidebar: inset -1px 0 0 oklch(1 0 0 / 5%), 8px 0 32px -18px oklch(0 0 0 / 46%);
  --shadow-modal: 0 24px 70px -22px oklch(0 0 0 / 55%), inset 0 1px 0 oklch(1 0 0 / 10%);
  --backdrop-scrim: oklch(0 0 0 / 58%);
  --gradient-primary: linear-gradient(135deg, oklch(0.56 0.14 160), oklch(0.52 0.12 175));
  --canvas:
    radial-gradient(ellipse at top left, oklch(0.32 0.04 160 / 55%) 0%, transparent 60%),
    radial-gradient(ellipse at bottom right, oklch(0.30 0.06 290 / 45%) 0%, transparent 60%);
}