/**
 * ONK Web — Design System Tokens & Base Reset
 * Normatif kaynak: DESIGN.md
 */

:root {
  /* Renk Paleti (Şafak Yürüyüşü) */
  --bg: #111228;
  --bg2: #1a1c40;
  --indigo: #4a4fb8;
  --indigo-lt: #9ea3f2;
  --cyan: #00cce6;
  --emerald: #0dbf80;
  --orange: #e8631a;
  --orange-lt: #ff8c42;
  --orange-deep: #bd4d0d;
  --text: #edeef7;
  --muted: #9da0c4;
  --ink-on-accent: #04121a;
  --glass: rgba(255, 255, 255, 0.055);
  --glass-brd: rgba(255, 255, 255, 0.12);
  --hairline: rgba(255, 255, 255, 0.06);

  /* İmzalı Gradyanlar */
  --grad: linear-gradient(135deg, var(--cyan), var(--emerald));
  --grad-zone: linear-gradient(135deg, #0dbf80, #00cce6);

  /* Standart Köşe Yuvarlama */
  --radius-xs: 8px;
  --radius-sm: 10px;
  --radius-chip: 11px;
  --radius-icon: 12px;
  --radius-input: 13px;
  --radius-btn: 14px;
  --radius-card: 18px;
  --radius-panel: 20px;
  --radius-pill: 999px;

  /* Font Ailesi */
  --font-stack: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", Inter, system-ui, sans-serif;
  --font-display: -apple-system, BlinkMacSystemFont, "SF Pro Display", system-ui, sans-serif;
}

/* Seçim Renkleri */
::selection {
  background: rgba(0, 204, 230, 0.28);
  color: #ffffff;
}
::-moz-selection {
  background: rgba(0, 204, 230, 0.28);
  color: #ffffff;
}

/* Scrollbar Standartları (999px pill) */
html {
  scroll-behavior: smooth;
  scrollbar-color: rgba(157, 160, 196, 0.3) var(--bg);
  scrollbar-width: thin;
}

::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
::-webkit-scrollbar-track {
  background: var(--bg);
}
::-webkit-scrollbar-thumb {
  background: rgba(157, 160, 196, 0.25);
  border-radius: var(--radius-pill);
  border: 2px solid var(--bg);
}
::-webkit-scrollbar-thumb:hover {
  background: rgba(157, 160, 196, 0.45);
}

/* Global Reset & Rendering */
*, *::before, *::after {
  box-sizing: border-box;
  -webkit-tap-highlight-color: transparent;
}

body {
  font-family: var(--font-stack);
  color: var(--text);
  line-height: 1.55;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}