/* DataLab tasarım belirteçleri — mirac-ozdemir.com ile aynı renk/biçim dili (oklch). */
@font-face { font-family: "Geist"; src: url("../fonts/Geist-Variable.woff2") format("woff2"); font-weight: 100 900; font-display: swap; }
@font-face { font-family: "Geist Mono"; src: url("../fonts/GeistMono-Variable.woff2") format("woff2"); font-weight: 100 900; font-display: swap; }

:root {
  --header-h: 3.5rem;
  --font-sans: "Geist", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;
  --font-mono: "Geist Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace;

  --background: oklch(0.984 0.003 255);
  --surface: oklch(0.962 0.007 258);
  --foreground: oklch(0.19 0.03 266);
  --card: oklch(1 0 0);
  --primary: oklch(0.5 0.21 270);
  --primary-foreground: oklch(0.99 0 0);
  --secondary: oklch(0.955 0.015 266);
  --muted: oklch(0.955 0.008 260);
  --muted-foreground: oklch(0.46 0.025 260);
  --accent: oklch(0.945 0.03 266);
  --accent-foreground: oklch(0.3 0.12 266);
  --accent-2: oklch(0.66 0.14 215);
  --destructive: oklch(0.52 0.21 25);
  --success: oklch(0.5 0.14 152);
  --warning: oklch(0.96 0.06 88);
  --warning-foreground: oklch(0.4 0.1 70);
  --border: oklch(0.9 0.012 262);
  --input: oklch(0.86 0.015 260);
  --ring: oklch(0.55 0.2 270);
  --radius: 0.625rem;
  --grid-line: color-mix(in oklch, var(--foreground) 5%, transparent);
  --aurora-a: oklch(0.72 0.17 275 / 0.22);
  --aurora-b: oklch(0.8 0.13 215 / 0.18);
  --aurora-c: oklch(0.78 0.15 320 / 0.1);
  --edge-highlight: rgb(255 255 255 / 0.7);
  --shadow-card: inset 0 1px 0 var(--edge-highlight), 0 1px 2px color-mix(in oklch, var(--foreground) 6%, transparent);
  --shadow-pop: 0 18px 48px -16px color-mix(in oklch, var(--foreground) 35%, transparent), 0 2px 6px color-mix(in oklch, var(--foreground) 10%, transparent);

  /* Grafik paleti (renk körlüğü dostu, açık/koyu temada okunur) */
  --c1: oklch(0.55 0.19 268); --c2: oklch(0.66 0.14 215); --c3: oklch(0.68 0.16 150); --c4: oklch(0.74 0.15 75);
  --c5: oklch(0.62 0.2 25);  --c6: oklch(0.6 0.19 320); --c7: oklch(0.58 0.08 240); --c8: oklch(0.7 0.12 110);
  --c9: oklch(0.5 0.15 190); --c10: oklch(0.72 0.13 45); --c11: oklch(0.55 0.15 295); --c12: oklch(0.62 0.05 260);

  --ease-out: cubic-bezier(0.22, 1, 0.36, 1);
  --dur-fast: 140ms; --dur-base: 220ms;
  color-scheme: light;
}

:root[data-theme="dark"] {
  --background: oklch(0.135 0.022 268);
  --surface: oklch(0.17 0.025 268);
  --foreground: oklch(0.95 0.01 260);
  --card: oklch(0.195 0.027 268);
  --primary: oklch(0.75 0.17 272);
  --primary-foreground: oklch(0.16 0.03 265);
  --secondary: oklch(0.25 0.03 265);
  --muted: oklch(0.235 0.025 268);
  --muted-foreground: oklch(0.73 0.02 260);
  --accent: oklch(0.29 0.05 266);
  --accent-foreground: oklch(0.92 0.04 266);
  --accent-2: oklch(0.8 0.13 205);
  --destructive: oklch(0.72 0.18 25);
  --success: oklch(0.78 0.15 152);
  --warning: oklch(0.29 0.06 80);
  --warning-foreground: oklch(0.93 0.07 88);
  --border: oklch(0.29 0.03 268);
  --input: oklch(0.36 0.03 265);
  --ring: oklch(0.75 0.17 272);
  --grid-line: color-mix(in oklch, var(--foreground) 6%, transparent);
  --aurora-a: oklch(0.55 0.2 275 / 0.3);
  --aurora-b: oklch(0.6 0.14 215 / 0.2);
  --aurora-c: oklch(0.55 0.18 320 / 0.14);
  --edge-highlight: rgb(255 255 255 / 0.06);
  --c1: oklch(0.75 0.15 268); --c2: oklch(0.78 0.12 215); --c3: oklch(0.8 0.15 150); --c4: oklch(0.84 0.14 80);
  --c5: oklch(0.74 0.17 25);  --c6: oklch(0.76 0.16 320); --c7: oklch(0.74 0.08 240); --c8: oklch(0.8 0.12 110);
  --c9: oklch(0.72 0.12 190); --c10: oklch(0.82 0.11 45); --c11: oklch(0.74 0.14 295); --c12: oklch(0.72 0.05 260);
  color-scheme: dark;
}

/* JavaScript yokken sistem tercihi */
@media (prefers-color-scheme: dark) {
  :root:not([data-theme]) {
    --background: oklch(0.135 0.022 268); --surface: oklch(0.17 0.025 268); --foreground: oklch(0.95 0.01 260); --card: oklch(0.195 0.027 268);
    --primary: oklch(0.75 0.17 272); --primary-foreground: oklch(0.16 0.03 265); --secondary: oklch(0.25 0.03 265); --muted: oklch(0.235 0.025 268);
    --muted-foreground: oklch(0.73 0.02 260); --accent: oklch(0.29 0.05 266); --accent-foreground: oklch(0.92 0.04 266); --accent-2: oklch(0.8 0.13 205);
    --destructive: oklch(0.72 0.18 25); --success: oklch(0.78 0.15 152); --warning: oklch(0.29 0.06 80); --warning-foreground: oklch(0.93 0.07 88);
    --border: oklch(0.29 0.03 268); --input: oklch(0.36 0.03 265); --ring: oklch(0.75 0.17 272); --grid-line: color-mix(in oklch, var(--foreground) 6%, transparent);
    --aurora-a: oklch(0.55 0.2 275 / 0.3); --aurora-b: oklch(0.6 0.14 215 / 0.2); --aurora-c: oklch(0.55 0.18 320 / 0.14); --edge-highlight: rgb(255 255 255 / 0.06);
    --c1: oklch(0.75 0.15 268); --c2: oklch(0.78 0.12 215); --c3: oklch(0.8 0.15 150); --c4: oklch(0.84 0.14 80); --c5: oklch(0.74 0.17 25); --c6: oklch(0.76 0.16 320);
    --c7: oklch(0.74 0.08 240); --c8: oklch(0.8 0.12 110); --c9: oklch(0.72 0.12 190); --c10: oklch(0.82 0.11 45); --c11: oklch(0.74 0.14 295); --c12: oklch(0.72 0.05 260);
    color-scheme: dark;
  }
}