/* Bütün renklerin tek kaynağı. Bileşenler yalnızca değişkenleri kullanır. */
:root {
  --navy-950: #061A31;
  --navy-900: #0A2A52;
  --navy-800: #123A66;
  --navy-700: #1D4B7F;
  --blue-700: #0052AD;
  --blue-600: #0066D6;
  --blue-500: #0078F0;
  --blue-100: #DCEBFB;
  --blue-50: #F0F6FD;
  --sky-300: #7CC0FF;
  --sky-200: #B9DCFF;
  --ink-900: #0B1F36;
  --ink-700: #33475B;
  --ink-600: #52657A;
  --ink-400: #8A9BAD;
  --line-strong: #7A8CA0;
  --line-300: #B8CCE0;
  --line-200: #D5E0EA;
  --line-100: #EAF0F6;
  --surface-50: #F5F8FB;
  --surface-0: #FFF;
  --on-dark-strong: #FFF;
  --on-dark: #C3D4E3;
  --on-dark-muted: #8FA3B8;
  --dark-line: rgb(255 255 255 / .12);
  --dark-grid: rgb(124 192 255 / .06);
  --dark-glow: rgb(0 120 240 / .18);
  --ghost-line: rgb(255 255 255 / .5);
  --transparent: rgb(255 255 255 / 0);
  --success: #1F7A4D;
  --success-soft: #EAF6EF;
  --danger: #B42318;
  --danger-soft: #FDECEA;
  --warning: #9A5B00;
  --warning-soft: #FFF4E5;
  --chip-surface: #EEF4FA;
  --chip-ink: #24476A;
  --software: #BBA7FF;
  --software-fill: #53458B;
  --software-deep: #251E47;
  --shadow-1: 0 1px 2px rgb(6 26 49 / .06);
  --shadow-2: 0 8px 24px rgb(6 26 49 / .08);
  --shadow-3: 0 24px 48px rgb(6 26 49 / .12);
  --font-heading: "Poppins", "Poppins Arial", Arial, sans-serif;
  --font-body: "Roboto", "Roboto Arial", Arial, sans-serif;
  --weight-body: 400;
  --weight-medium: 500;
  --weight-heading: 600;
  --weight-display: 800;
  --text-display: clamp(36px, 4.22vw, 54px);
  --text-h1: clamp(31px, 3.6vw, 46px);
  --text-h2: clamp(27px, 2.82vw, 36px);
  --text-h3: clamp(21px, 1.8vw, 23px);
  --text-h4: 19px;
  --text-lead: 18px;
  --text-body: 16px;
  --text-card: 15px;
  --text-ui: 15px;
  --text-small: 14px;
  --text-meta: 13px;
  --text-overline: 12px;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-7: 28px;
  --space-8: 32px;
  --space-10: 40px;
  --space-12: 48px;
  --space-14: 56px;
  --space-16: 64px;
  --space-18: 72px;
  --space-20: 80px;
  --space-24: 96px;
  --space-32: 128px;
  --radius-input: 6px;
  --radius-card: 12px;
  --radius-panel: 20px;
  --radius-pill: 999px;
  --container: 1240px;
  --text-column: 720px;
  --gutter: 48px;
  --section-space: 96px;
  --header-height: 72px;
  --duration-color: 120ms;
  --duration-lift: 200ms;
  --duration-menu: 320ms;
  --duration-reveal: 400ms;
}