/* ipsorgu.net — tasarım tokenları: kurumsal lacivert yapı, soğuk gri gövde, mavi vurgu. Durum asla yalnızca renkle anlatılmaz. */
@font-face { font-family: 'IBM Plex Sans'; font-weight: 400; font-style: normal; font-display: swap; src: url('../fonts/IBMPlexSans-Regular.woff2') format('woff2'); }
@font-face { font-family: 'IBM Plex Sans'; font-weight: 500 700; font-style: normal; font-display: swap; src: url('../fonts/IBMPlexSans-SemiBold.woff2') format('woff2'); }
@font-face { font-family: 'IBM Plex Mono'; font-weight: 400; font-style: normal; font-display: swap; src: url('../fonts/IBMPlexMono-Regular.woff2') format('woff2'); }
@font-face { font-family: 'IBM Plex Mono'; font-weight: 500 700; font-style: normal; font-display: swap; src: url('../fonts/IBMPlexMono-SemiBold.woff2') format('woff2'); }

:root {
  --font-sans: 'IBM Plex Sans', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --font-mono: 'IBM Plex Mono', ui-monospace, SFMono-Regular, Menlo, monospace;

  /* koyu bantlar (hero, rapor bandı, alt bilgi): iki temada da koyu kalır */
  --navy-950: #051B2A; --navy-900: #082638; --navy-800: #0B3047; --navy-700: #134461; --navy-600: #1B5B7B;
  --navy-line: rgba(255,255,255,.12);
  --on-navy: #EAF6F7; --on-navy-2: #B7D2D8; --on-navy-3: #9DBBC4;

  /* turkuaz ailesi */
  --teal-50: #EEF9F9; --teal-100: #DDF2F2; --teal-200: #BDE6E6; --teal-300: #8FD8D9; --teal-400: #5CCBCB;
  --teal-500: #38B7BA; --teal-600: #1B9AA3; --teal-700: #0E7580; --teal-800: #0B5A64;

  /* marka: turkuaz hap düğmeler, lacivert yazı */
  --brand: #4CC3C6; --brand-hover: #38B2B6; --brand-ink: #062A3A; --brand-soft: #E3F6F6;
  --glow: #5CD6D6; --cyan: #5CD6D6;
  --bar-bg: #5CCBCB; --bar-ink: #06303C;
  --well: #EEF9F9; --well-blob: #D3EEEE; --icon-ink: #0B3047;

  /* yüzeyler ve metin */
  --bg: #FFFFFF; --surface: #FFFFFF; --surface-2: #F5FAFA; --surface-3: #EAF4F4;
  --border: #DAE7E8; --border-strong: #B9CFD2; --border-soft: #E7F0F0;
  --text: #0F2E44; --text-2: #3A5668; --text-3: #58727F; --link: #0E7580;
  --ring: #1B9AA3;

  /* durumlar: her biri metinle birlikte kullanılır */
  --ok: #0F7A3E; --ok-bg: #E2F5E9; --ok-border: #B4E0C4;
  --warn: #8A5200; --warn-bg: #FFF1CC; --warn-border: #F2D88A;
  --err: #B42318; --err-bg: #FDE8E6; --err-border: #F4B9B3;
  --info: #1752C7; --info-bg: #E6EEFC; --info-border: #BFD2F7;
  --neutral: #4B5C75; --neutral-bg: #E8EDF4; --neutral-border: #CBD5E3;
  --mx: #5B21B6; --mx-bg: #F1EAFE;
  --track: #D9E8E9; --shimmer: rgba(255,255,255,.75); --map-bg: #E6F1F1;

  --r-sm: 8px; --r: 12px; --r-lg: 22px; --r-xl: 30px; --r-pill: 999px;
  --shadow-sm: 0 1px 2px rgba(15,46,68,.05);
  --shadow: 0 1px 2px rgba(15,46,68,.05), 0 18px 36px -20px rgba(15,46,68,.28);
  --container: 1200px; --gutter: 24px;
  --fs-xs: 12px; --fs-sm: 13px; --fs: 14px; --fs-md: 15px; --fs-lg: 17px; --fs-xl: 20px; --fs-h2: 24px; --fs-h1: 32px;
  color-scheme: light;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    color-scheme: dark;
    --brand: #4CC3C6; --brand-hover: #6FD6D8; --brand-ink: #062A3A; --brand-soft: rgba(76,195,198,.16);
    --bar-bg: #0F4C55; --bar-ink: #CFF3F3;
    --well: #0F3040; --well-blob: #14485A; --icon-ink: #8FD8D9;
    --bg: #061A24; --surface: #0B2733; --surface-2: #0F3040; --surface-3: #143A4C;
    --border: #1B4558; --border-strong: #2A5F75; --border-soft: #153A4A;
    --text: #E5F3F5; --text-2: #B5D0D6; --text-3: #8BAAB4; --link: #6FD6D8; --ring: #5CD6D6;
    --ok: #4ADE80; --ok-bg: #0E2A1C; --ok-border: #1D5B38;
    --warn: #FBBF24; --warn-bg: #2D2208; --warn-border: #5E4811;
    --err: #FF8F86; --err-bg: #381313; --err-border: #712424;
    --info: #86B6FF; --info-bg: #10284D; --info-border: #24467D;
    --neutral: #A5B5CC; --neutral-bg: #15294A; --neutral-border: #284267;
    --mx: #C4B5FD; --mx-bg: #261C45;
    --track: #1A4254; --shimmer: rgba(255,255,255,.07); --map-bg: #0F3040;
    --shadow-sm: none; --shadow: 0 18px 36px -20px rgba(0,0,0,.6);
  }
}
:root[data-theme="dark"] {
  color-scheme: dark;
  --brand: #4CC3C6; --brand-hover: #6FD6D8; --brand-ink: #062A3A; --brand-soft: rgba(76,195,198,.16);
  --bar-bg: #0F4C55; --bar-ink: #CFF3F3;
  --well: #0F3040; --well-blob: #14485A; --icon-ink: #8FD8D9;
  --bg: #061A24; --surface: #0B2733; --surface-2: #0F3040; --surface-3: #143A4C;
  --border: #1B4558; --border-strong: #2A5F75; --border-soft: #153A4A;
  --text: #E5F3F5; --text-2: #B5D0D6; --text-3: #8BAAB4; --link: #6FD6D8; --ring: #5CD6D6;
  --ok: #4ADE80; --ok-bg: #0E2A1C; --ok-border: #1D5B38;
  --warn: #FBBF24; --warn-bg: #2D2208; --warn-border: #5E4811;
  --err: #FF8F86; --err-bg: #381313; --err-border: #712424;
  --info: #86B6FF; --info-bg: #10284D; --info-border: #24467D;
  --neutral: #A5B5CC; --neutral-bg: #15294A; --neutral-border: #284267;
  --mx: #C4B5FD; --mx-bg: #261C45;
  --track: #1A4254; --shimmer: rgba(255,255,255,.07); --map-bg: #0F3040;
  --shadow-sm: none; --shadow: 0 18px 36px -20px rgba(0,0,0,.6);
}