:root {
  --radius: 14px;
  --font-sans: "Manrope", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-display: "Gabarito", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-serif: ui-serif, Georgia, "Times New Roman", serif;
  --font-mono: "Fira Code", ui-monospace, "SF Mono", Menlo, Consolas, monospace;
  --ring-offset: 2px;
  --background: #ECEDFF;
  --foreground: #202227;
  --card: #E0E1FB;
  --card-foreground: #202227;
  --popover: #E0E1FB;
  --popover-foreground: #202227;
  --primary: #008B69;
  --primary-foreground: #0C0B1A;
  --secondary: #D3D4F6;
  --secondary-foreground: #202227;
  --muted: #D3D4F6;
  --muted-foreground: #5A5C65;
  --accent: #4B45A9;
  --accent-foreground: #F9FAFF;
  --destructive: #B6322D;
  --destructive-foreground: #F9FAFF;
  --border: #C4C5E3;
  --input: #C4C5E3;
  --ring: #008B69;
  --chart-1: #008867;
  --chart-2: #008D8C;
  --chart-3: #007892;
  --chart-4: #1B9E0E;
  --chart-5: #626C00;
  --sidebar: #E0E1FB;
  --sidebar-foreground: #202227;
  --sidebar-primary: #008B69;
  --sidebar-primary-foreground: #0C0B1A;
  --sidebar-accent: #D3D4F6;
  --sidebar-accent-foreground: #202227;
  --sidebar-border: #C4C5E3;
  --sidebar-ring: #008B69;
}

.dark {
  --background: #0E0C21;
  --foreground: #D0D5EA;
  --card: #161626;
  --card-foreground: #D0D5EA;
  --popover: #161626;
  --popover-foreground: #D0D5EA;
  --primary: #00EAB3;
  --primary-foreground: #0C0B1A;
  --secondary: #1F1F35;
  --secondary-foreground: #D0D5EA;
  --muted: #1F1F35;
  --muted-foreground: #8289A1;
  --accent: #8B8CF6;
  --accent-foreground: #0C0B1A;
  --destructive: #FFB1A7;
  --destructive-foreground: #0C0B1A;
  --border: #2C2C41;
  --input: #2C2C41;
  --ring: #00EAB3;
  --chart-1: #00DBA8;
  --chart-2: #00CBCA;
  --chart-3: #46D8FF;
  --chart-4: #4FC645;
  --chart-5: #C6D900;
  --sidebar: #161626;
  --sidebar-foreground: #D0D5EA;
  --sidebar-primary: #00EAB3;
  --sidebar-primary-foreground: #0C0B1A;
  --sidebar-accent: #1F1F35;
  --sidebar-accent-foreground: #D0D5EA;
  --sidebar-border: #2C2C41;
  --sidebar-ring: #00EAB3;
}

/* Keyboard focus. Zero specificity — override it with any plain selector. */
@layer base {
  :where(a[href], button, input, select, textarea, summary, [tabindex]:not([tabindex="-1"])):focus-visible {
    outline: 2px solid var(--ring);
    outline-offset: var(--ring-offset, 2px);
  }
}

/* Keyboard focus. Zero specificity — override it with any plain selector. */
@layer base {
  :where(a[href], button, input, select, textarea, summary, [tabindex]:not([tabindex="-1"])):focus-visible {
    outline: 2px solid var(--ring);
    outline-offset: var(--ring-offset, 2px);
  }
}