/* Okul Çizelgem — tokens. Generated from the design system's tokens.json. */
@font-face {
  font-family: "Funnel Display";
  src: url("/static/fonts/FunnelDisplay-Variable.woff2") format("woff2");
  font-weight: 300 800; font-style: normal; font-display: swap;
}
@font-face {
  font-family: "Funnel Sans";
  src: url("/static/fonts/FunnelSans-Variable.woff2") format("woff2");
  font-weight: 300 800; font-style: normal; font-display: swap;
}

:root {
  /* color */
  --blue-600: #1d4ed8;
  --blue-700: #1740b8;
  --blue-300: #8fb0ff;
  --blue-100: #c9d7ff;
  --blue-glow: rgba(29, 78, 216, 0.38);
  --gold-400: #e8b84a;
  --on-gold: var(--navy-950);
  --navy-950: #0a1628;
  --navy-900: #0e1d38;
  --navy-800: #1a2d52;
  --navy-1000: #060d1a;
  --paper: #f4f6fb;
  --white: #ffffff;
  --ink: var(--navy-950);
  --ink-muted: #4a5872;
  --text-on-dark: var(--white);
  --text-muted-on-dark: #a9b8d1;
  --text-subtle-on-dark: #7587a6;
  --line-dark: rgba(143, 176, 255, 0.14);
  --control-line-dark: rgba(255, 255, 255, 0.4);
  --line-light: #dde3ee;
  --control-line: #7d8ba5;
  --focus-on-dark: var(--gold-400);
  --focus-on-light: var(--blue-600);
  --danger: #b42318;
  --success: #15803d;
  /* type */
  --font-display: "Funnel Display", "Funnel Sans", system-ui, sans-serif;
  --font-sans: "Funnel Sans", system-ui, -apple-system, "Segoe UI", sans-serif;
  /* spacing */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;
  --space-8: 64px;
  --space-9: 96px;
  --space-10: 128px;
  --space-11: 160px;
  /* radius */
  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 20px;
  --radius-mark: 22%;
  /* shadow */
  --shadow-panel: 0 48px 96px -32px rgba(2, 6, 16, 0.7), 0 0 0 1px rgba(143, 176, 255, 0.12);
  --shadow-cell: inset 0 1px 0 rgba(255, 255, 255, 0.14), 0 12px 28px -12px rgba(29, 78, 216, 0.8);
  --shadow-gold: 0 0 0 1px rgba(232, 184, 74, 0.9), 0 0 40px 4px rgba(232, 184, 74, 0.42);
  /* layout */
  --container: 1280px;
  --gutter: 80px;
  --gutter-sm: 20px;
  --topbar-h: 72px;
  --topbar-h-sm: 60px;
  --bp-md: 960px;
  --control-h: 48px;
  /* timing */
  --ease-out: cubic-bezier(0.2, 0.7, 0.1, 1);
  --ease-in-out: cubic-bezier(0.45, 0, 0.55, 1);
  --dur-rise: 800ms;
  --dur-fill: 520ms;
  --dur-draw: 1100ms;
  --dur-pulse: 2400ms;
}