/* MD06 SS3.2/3.4/3.6/3.7/3.8: canonical design token kaynağı. */
:root {
  --color-bg-page: #FBFDFC;
  --color-bg-subtle: #F3F8F6;
  --color-surface: #FFFFFF;
  --color-surface-raised: #FFFFFF;
  --color-surface-selected: #E8F2EF;

  --color-text-primary: #17211F;
  --color-text-secondary: #4F5E59;
  --color-text-muted: #6F7A76;
  --color-text-inverse: #FFFFFF;

  --color-primary-50: #EEF8F5;
  --color-primary-100: #D8EEE8;
  --color-primary-200: #B5DDD3;
  --color-primary-300: #84C5B6;
  --color-primary-400: #4EA591;
  --color-primary-500: #247D6C;
  --color-primary-600: #0F5A4F;
  --color-primary-700: #0B493F;
  --color-primary-800: #093A33;
  --color-primary-900: #072F2A;

  --color-border: #D8DED9;
  --color-border-strong: #B8C2BD;
  --color-focus: #165FCC;

  --color-success-bg: #E7F6ED;
  --color-success-text: #176B45;
  --color-success-border: #A7D8BC;

  --color-warning-bg: #FFF5D9;
  --color-warning-text: #825600;
  --color-warning-border: #E5C46E;

  --color-danger-bg: #FDECEC;
  --color-danger-text: #A52B2B;
  --color-danger-border: #E6A6A6;

  --color-info-bg: #EAF2FC;
  --color-info-text: #245A9A;
  --color-info-border: #A9C6E8;

  --color-overlay: rgba(10, 20, 18, .58);

  --font-sans: Inter, ui-sans-serif, system-ui, -apple-system,
    BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-display: Inter, ui-sans-serif, system-ui, -apple-system,
    BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco,
    Consolas, "Liberation Mono", monospace;

  --font-size-xs: 0.75rem;
  --font-size-sm: 0.875rem;
  --font-size-md: 1rem;
  --font-size-lg: 1.125rem;
  --font-size-xl: 1.25rem;
  --font-size-2xl: 1.5rem;
  --font-size-3xl: 2rem;
  --font-size-4xl: clamp(2.25rem, 5vw, 4rem);

  --line-height-tight: 1.2;
  --line-height-heading: 1.3;
  --line-height-body: 1.6;

  --space-0: 0;
  --space-1: .25rem;
  --space-2: .5rem;
  --space-3: .75rem;
  --space-4: 1rem;
  --space-5: 1.25rem;
  --space-6: 1.5rem;
  --space-7: 2rem;
  --space-8: 2.5rem;
  --space-9: 3rem;
  --space-10: 4rem;
  --space-11: 5rem;

  --radius-xs: .25rem;
  --radius-sm: .5rem;
  --radius-md: .75rem;
  --radius-lg: 1rem;
  --radius-xl: 1.5rem;
  --radius-pill: 999px;

  --shadow-sm: 0 1px 3px rgba(10, 30, 25, .08);
  --shadow-md: 0 10px 30px rgba(10, 30, 25, .10);
  --shadow-lg: 0 18px 48px rgba(10, 30, 25, .14);
  --shadow-dialog: 0 24px 60px rgba(10, 30, 25, .18);

  --container-narrow: 44rem;
  --container-content: 72rem;
  --container-wide: 90rem;
  --sidebar-width: 17rem;
  --sidebar-collapsed-width: 4.5rem;
  --topbar-height: 4rem;

  /* Geriye dönük takma adlar - eski (--color-bg/--color-text/--color-primary tekil)
     token isimleriyle yazılmış henüz gözden geçirilmemiş satırlar için. */
  --color-bg: var(--color-bg-page);
  --color-text: var(--color-text-primary);
  --color-primary: var(--color-primary-600);
  --color-primary-hover: var(--color-primary-700);
  --color-danger: var(--color-danger-text);
  --color-warning: var(--color-warning-text);
  --color-success: var(--color-success-text);
}

/* MD06 SS4: breakpoint sözleşmesi (referans)
   xs: 0-479 / sm: 480-767 / md: 768-1023 / lg: 1024-1279 / xl: 1280-1535 / 2xl: 1536+ */