/* OTOMATİK ÜRETİLDİ: design/tokens.json → tools/gen_tokens.py. Elle düzenleme. */


:root {
  color-scheme: light;
  --font-sans: ui-rounded, "SF Pro Rounded", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --font-mono: ui-monospace, "SF Mono", Menlo, Consolas, monospace;
  --space-xxs: 2px;
  --space-xs: 4px;
  --space-sm: 8px;
  --space-md: 12px;
  --space-lg: 16px;
  --space-xl: 20px;
  --space-xxl: 24px;
  --space-xxxl: 32px;
  --radius-xs: 6px;
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 16px;
  --radius-xl: 20px;
  --radius-pill: 999px;
  --size-touch: 44px;
  --size-control: 44px;
  --size-control-small: 32px;
  --size-icon-small: 16px;
  --size-icon: 20px;
  --size-icon-large: 24px;
  --type-display-size: 30px;
  --type-display-weight: 700;
  --type-display-line: 36px;
  --type-display-tracking: -0.02em;
  --type-title-size: 22px;
  --type-title-weight: 700;
  --type-title-line: 28px;
  --type-title-tracking: -0.01em;
  --type-headline-size: 17px;
  --type-headline-weight: 600;
  --type-headline-line: 22px;
  --type-headline-tracking: 0em;
  --type-body-strong-size: 15px;
  --type-body-strong-weight: 600;
  --type-body-strong-line: 20px;
  --type-body-strong-tracking: 0em;
  --type-body-size: 15px;
  --type-body-weight: 400;
  --type-body-line: 20px;
  --type-body-tracking: 0em;
  --type-label-size: 14px;
  --type-label-weight: 600;
  --type-label-line: 18px;
  --type-label-tracking: 0em;
  --type-caption-size: 12px;
  --type-caption-weight: 500;
  --type-caption-line: 16px;
  --type-caption-tracking: 0em;
  --type-mono-size: 13px;
  --type-mono-weight: 400;
  --type-mono-line: 18px;
  --type-mono-tracking: 0em;
  --background: #FFFFFF;
  --sidebar: #F2F2F5;
  --surface: #FFFFFF;
  --surface-muted: #F2F2F5;
  --surface-sunken: #E5E5EA;
  --border: #E5E5EA;
  --border-strong: #D1D1D6;
  --text-primary: #1C1C1E;
  --text-secondary: #48484A;
  --text-nav: #3A3A3C;
  --accent: #2563EB;
  --on-accent: #FFFFFF;
  --accent-soft: #E6EEFD;
  --accent-text: #1D4ED8;
  --success: #34C759;
  --success-text: #1F7A3E;
  --success-soft: #E3F5EA;
  --warning: #F59E0B;
  --warning-text: #8A4B04;
  --warning-soft: #FDF0DA;
  --danger: #B42318;
  --danger-soft: #FDE8E6;
  --neutral-dot: #AEAEB2;
  --overlay: #FFFFFFF0;
  --scrim: #00000066;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    color-scheme: dark;
    --background: #1C1C1E;
    --sidebar: #232326;
    --surface: #2C2C2E;
    --surface-muted: #2C2C2E;
    --surface-sunken: #3A3A3C;
    --border: #38383A;
    --border-strong: #48484A;
    --text-primary: #F5F5F7;
    --text-secondary: #AEAEB2;
    --text-nav: #C7C7CC;
    --accent: #2563EB;
    --on-accent: #FFFFFF;
    --accent-soft: #1B2A45;
    --accent-text: #6EA0FF;
    --success: #30D158;
    --success-text: #30D158;
    --success-soft: #15301F;
    --warning: #F5A623;
    --warning-text: #F5B54A;
    --warning-soft: #3A2A0E;
    --danger: #FF6961;
    --danger-soft: #3A1B1B;
    --neutral-dot: #8E8E93;
    --overlay: #1C1C1EF0;
    --scrim: #00000099;
  }
}

:root[data-theme="dark"] {
  color-scheme: dark;
  --background: #1C1C1E;
  --sidebar: #232326;
  --surface: #2C2C2E;
  --surface-muted: #2C2C2E;
  --surface-sunken: #3A3A3C;
  --border: #38383A;
  --border-strong: #48484A;
  --text-primary: #F5F5F7;
  --text-secondary: #AEAEB2;
  --text-nav: #C7C7CC;
  --accent: #2563EB;
  --on-accent: #FFFFFF;
  --accent-soft: #1B2A45;
  --accent-text: #6EA0FF;
  --success: #30D158;
  --success-text: #30D158;
  --success-soft: #15301F;
  --warning: #F5A623;
  --warning-text: #F5B54A;
  --warning-soft: #3A2A0E;
  --danger: #FF6961;
  --danger-soft: #3A1B1B;
  --neutral-dot: #8E8E93;
  --overlay: #1C1C1EF0;
  --scrim: #00000099;
}