/*
 * 0n Theme — Tailwind v4 CSS Variables
 * Import in your globals.css: @import "@0nork/ui/theme/css/0n-theme.css";
 */

@theme inline {
  --color-background: #0d1117;
  --color-foreground: #f0f4f8;
  --color-card: #161b22;
  --color-card-foreground: #f0f4f8;
  --color-popover: #161b22;
  --color-popover-foreground: #f0f4f8;
  --color-primary: #6EE05A;
  --color-primary-foreground: #0d1117;
  --color-secondary: #1c2333;
  --color-secondary-foreground: #f0f4f8;
  --color-muted: #1c2333;
  --color-muted-foreground: #9ca3af;
  --color-accent: #1c2333;
  --color-accent-foreground: #f0f4f8;
  --color-destructive: #ef4444;
  --color-border: #30363d;
  --color-input: #30363d;
  --color-ring: #6EE05A;

  --color-chart-1: #6EE05A;
  --color-chart-2: #14b8a6;
  --color-chart-3: #8b5cf6;
  --color-chart-4: #f59e0b;
  --color-chart-5: #ef4444;

  --color-sidebar: #0d1117;
  --color-sidebar-foreground: #f0f4f8;
  --color-sidebar-primary: #6EE05A;
  --color-sidebar-primary-foreground: #0d1117;
  --color-sidebar-accent: #1c2333;
  --color-sidebar-accent-foreground: #f0f4f8;
  --color-sidebar-border: #30363d;
  --color-sidebar-ring: #6EE05A;

  --radius-sm: 0.375rem;
  --radius-md: 0.5rem;
  --radius-lg: 0.625rem;
  --radius-xl: 0.875rem;
  --radius-2xl: 1.125rem;

  --font-sans: 'Inter', ui-sans-serif, system-ui, sans-serif;
  --font-mono: 'Roboto Mono', 'JetBrains Mono', ui-monospace, monospace;
}

:root {
  color-scheme: dark;
  --background: #0d1117;
  --foreground: #f0f4f8;
  --card: #161b22;
  --card-foreground: #f0f4f8;
  --popover: #161b22;
  --popover-foreground: #f0f4f8;
  --primary: #6EE05A;
  --primary-foreground: #0d1117;
  --secondary: #1c2333;
  --secondary-foreground: #f0f4f8;
  --muted: #1c2333;
  --muted-foreground: #9ca3af;
  --destructive: #ef4444;
  --border: #30363d;
  --input: #30363d;
  --ring: #6EE05A;
  --radius: 0.625rem;
}