/* ==========================================================================
   SHADCN-FIRST UNIFIED THEME TOKENS (@agent-concept/ui-theme)
   Supports 3 distinct UI directions + Dark/Light parity.
   ========================================================================== */

/* --------------------------------------------------------------------------
   Direction 1: Linear-ruhig (Default)
   -------------------------------------------------------------------------- */
:root,
.theme-linear-calm {
  --background: 0 0% 100%;
  --foreground: 222.2 84% 4.9%;
  --card: 0 0% 100%;
  --card-foreground: 222.2 84% 4.9%;
  --popover: 0 0% 100%;
  --popover-foreground: 222.2 84% 4.9%;
  --primary: 221.2 83.2% 53.3%;
  --primary-foreground: 210 40% 98%;
  --secondary: 210 40% 96.1%;
  --secondary-foreground: 222.2 47.4% 11.2%;
  --muted: 210 40% 96.1%;
  --muted-foreground: 215.4 16.3% 46.9%;
  --accent: 210 40% 96.1%;
  --accent-foreground: 222.2 47.4% 11.2%;
  --destructive: 0 84.2% 60.2%;
  --destructive-foreground: 210 40% 98%;
  --border: 214.3 31.8% 91.4%;
  --input: 214.3 31.8% 91.4%;
  --ring: 221.2 83.2% 53.3%;
  --radius: 0.5rem;
  --font-sans: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
}

.dark,
.dark.theme-linear-calm,
.theme-linear-calm.dark {
  --background: 224 71% 4%;
  --foreground: 213 31% 91%;
  --card: 224 71% 6%;
  --card-foreground: 213 31% 91%;
  --popover: 224 71% 6%;
  --popover-foreground: 213 31% 91%;
  --primary: 217.2 91.2% 59.8%;
  --primary-foreground: 222.2 47.4% 11.2%;
  --secondary: 222.2 47.4% 11.2%;
  --secondary-foreground: 210 40% 98%;
  --muted: 223 47% 11%;
  --muted-foreground: 215.4 16.3% 56.9%;
  --accent: 216 34% 17%;
  --accent-foreground: 210 40% 98%;
  --destructive: 0 62.8% 30.6%;
  --destructive-foreground: 210 40% 98%;
  --border: 216 34% 17%;
  --input: 216 34% 17%;
  --ring: 224.3 76.3% 48%;
  --radius: 0.5rem;
}

/* --------------------------------------------------------------------------
   Direction 2: Notion-warm
   -------------------------------------------------------------------------- */
.theme-notion-warm {
  --background: 40 20% 98%;
  --foreground: 30 10% 15%;
  --card: 0 0% 100%;
  --card-foreground: 30 10% 15%;
  --popover: 0 0% 100%;
  --popover-foreground: 30 10% 15%;
  --primary: 28 85% 45%;
  --primary-foreground: 40 20% 98%;
  --secondary: 35 15% 92%;
  --secondary-foreground: 30 10% 20%;
  --muted: 35 15% 92%;
  --muted-foreground: 30 8% 45%;
  --accent: 35 20% 90%;
  --accent-foreground: 30 10% 15%;
  --destructive: 0 72% 51%;
  --destructive-foreground: 40 20% 98%;
  --border: 35 12% 86%;
  --input: 35 12% 86%;
  --ring: 28 85% 45%;
  --radius: 0.375rem;
  --font-sans: "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --font-mono: "SF Mono", Menlo, Monaco, monospace;
}

.dark.theme-notion-warm,
.theme-notion-warm.dark {
  --background: 30 10% 11%;
  --foreground: 40 15% 92%;
  --card: 30 8% 15%;
  --card-foreground: 40 15% 92%;
  --popover: 30 8% 15%;
  --popover-foreground: 40 15% 92%;
  --primary: 32 90% 55%;
  --primary-foreground: 30 10% 10%;
  --secondary: 30 8% 22%;
  --secondary-foreground: 40 15% 92%;
  --muted: 30 8% 20%;
  --muted-foreground: 35 10% 65%;
  --accent: 30 8% 22%;
  --accent-foreground: 40 15% 92%;
  --destructive: 0 62% 40%;
  --destructive-foreground: 40 15% 92%;
  --border: 30 8% 22%;
  --input: 30 8% 22%;
  --ring: 32 90% 55%;
  --radius: 0.375rem;
}

/* --------------------------------------------------------------------------
   Direction 3: Terminal-dicht
   -------------------------------------------------------------------------- */
.theme-terminal-dense {
  --background: 210 20% 98%;
  --foreground: 220 30% 10%;
  --card: 0 0% 100%;
  --card-foreground: 220 30% 10%;
  --popover: 0 0% 100%;
  --popover-foreground: 220 30% 10%;
  --primary: 158 80% 32%;
  --primary-foreground: 0 0% 100%;
  --secondary: 210 15% 92%;
  --secondary-foreground: 220 30% 12%;
  --muted: 210 15% 92%;
  --muted-foreground: 220 10% 45%;
  --accent: 210 15% 90%;
  --accent-foreground: 220 30% 12%;
  --destructive: 0 75% 50%;
  --destructive-foreground: 0 0% 100%;
  --border: 210 15% 82%;
  --input: 210 15% 82%;
  --ring: 158 80% 32%;
  --radius: 0.125rem;
  --font-sans: "JetBrains Mono", "SF Mono", Menlo, Consolas, monospace;
  --font-mono: "JetBrains Mono", "SF Mono", Menlo, Consolas, monospace;
}

.dark.theme-terminal-dense,
.theme-terminal-dense.dark {
  --background: 240 10% 4%;
  --foreground: 160 30% 94%;
  --card: 240 10% 7%;
  --card-foreground: 160 30% 94%;
  --popover: 240 10% 7%;
  --popover-foreground: 160 30% 94%;
  --primary: 158 100% 48%;
  --primary-foreground: 240 10% 4%;
  --secondary: 240 8% 14%;
  --secondary-foreground: 160 30% 94%;
  --muted: 240 8% 14%;
  --muted-foreground: 215 15% 60%;
  --accent: 240 8% 16%;
  --accent-foreground: 160 30% 94%;
  --destructive: 0 80% 55%;
  --destructive-foreground: 240 10% 4%;
  --border: 240 8% 18%;
  --input: 240 8% 18%;
  --ring: 158 100% 48%;
  --radius: 0.125rem;
}