:root {
  color-scheme: dark;
  --color-paper: #060f1d;
  --color-paper-2: #0b1a2e;
  --color-paper-3: #0c1c31;
  --color-surface: #0b1a2e;
  --color-ink: #f8fafc;
  --color-ink-2: #cbd5e1;
  --color-muted: #9db1c9;
  --color-rule: #1e293b;
  --color-rule-strong: #334155;
  --color-accent: #F15C09;
  --color-accent-hover: #d64e06;
  --color-accent-ink: #ffffff;
  --color-accent-soft: rgba(241, 92, 9, 0.15);
  --color-brand: #F15C09;
  --color-brand-ink: #ffffff;
  --color-positive: #34d399;
  --color-positive-soft: rgba(16, 185, 129, 0.15);
  --color-positive-ink: #a7f3d0;
  --color-warning: #fbbf24;
  --color-warning-soft: rgba(245, 158, 11, 0.15);
  --color-warning-ink: #fde68a;
  --color-error: #f87171;
  --color-error-soft: rgba(239, 68, 68, 0.15);
  --color-error-ink: #fecaca;
  --color-open: #f87171;
  --color-open-soft: rgba(239, 68, 68, 0.15);
  --color-solved: #34d399;
  --color-solved-soft: rgba(16, 185, 129, 0.15);
  --color-pending: #fbbf24;
  --color-pending-soft: rgba(245, 158, 11, 0.15);
  --color-graphite: #04182f;
  --color-graphite-2: #0b1a2e;
  --color-code: #1e293b;
  --color-code-muted: #94a3b8;
  --color-focus: #38bdf8;

  --font-display: "Space Grotesk", sans-serif;
  --font-body: "Inter", sans-serif;
  --font-mono: "JetBrains Mono", monospace;

  --space-2xs: 0.25rem;
  --space-xs: 0.5rem;
  --space-sm: 0.75rem;
  --space-md: 1rem;
  --space-lg: 1.5rem;
  --space-xl: 2rem;
  --space-2xl: 3rem;
  --space-3xl: 5rem;
  --space-4xl: 7rem;
  --page-gutter: clamp(1rem, 4vw, 3.5rem);
  --content-max: 78rem;

  --text-xs: 0.75rem;
  --text-sm: 0.875rem;
  --text-md: 1rem;
  --text-lg: 1.125rem;
  --text-xl: clamp(1.5rem, 2vw, 2rem);
  --text-2xl: clamp(2rem, 3.5vw, 3.25rem);
  --text-display: clamp(3rem, 5vw + 0.5rem, 5.5rem);
  --text-display-s: clamp(2.5rem, 4vw + 0.5rem, 4.25rem);

  --radius-sm: 0.375rem;
  --radius-md: 0.625rem;
  --radius-lg: 0.875rem;
  --rule-hair: 1px;
  --dur-fast: 120ms;
  --dur-short: 180ms;
  --dur-medium: 300ms;
  --dur-long: 600ms;
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-in: cubic-bezier(0.7, 0, 0.84, 0);
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
}

/* ==========================================================================
   ACIK TEMA (LIGHT THEME): Acik secim yapildiginda tum degiskenleri garantiye alir
   ========================================================================== */
:root[data-theme="light"],
html[data-theme="light"],
body[data-theme="light"] {
  color-scheme: light;
  --color-paper: #ffffff;
  --color-paper-2: #f8fafc;
  --color-paper-3: #f1f5f9;
  --color-surface: #ffffff;
  --color-ink: #0f172a;
  --color-ink-2: #334155;
  --color-muted: #64748b;
  --color-rule: #e2e8f0;
  --color-rule-strong: #cbd5e1;
  --color-accent: #0f172a;
  --color-accent-hover: #1e293b;
  --color-accent-ink: #ffffff;
  --color-accent-soft: rgba(15, 23, 42, 0.06);
  --color-brand: #F15C09;
  --color-brand-ink: #ffffff;
  --color-positive: #16a34a;
  --color-positive-soft: #f0fdf4;
  --color-positive-ink: #14532d;
  --color-warning: #d97706;
  --color-warning-soft: #fffbeb;
  --color-warning-ink: #78350f;
  --color-error: #dc2626;
  --color-error-soft: #fef2f2;
  --color-error-ink: #7f1d1d;
  --color-open: #dc2626;
  --color-open-soft: #fef2f2;
  --color-solved: #16a34a;
  --color-solved-soft: #f0fdf4;
  --color-pending: #d97706;
  --color-pending-soft: #fffbeb;
  --color-graphite: #0f172a;
  --color-graphite-2: #1e293b;
  --color-code: #f1f5f9;
  --color-code-muted: #64748b;
  --color-focus: #0284c7;
}

/* ==========================================================================
   KOYU MARKA TEMASI (DARK THEME): Mobil PWA'nin asil koyu lacivert renkleri
   ========================================================================== */
:root[data-theme="dark"],
html[data-theme="dark"],
body[data-theme="dark"] {
  color-scheme: dark;
  --color-paper: #060f1d;
  --color-paper-2: #0b1a2e;
  --color-paper-3: #0c1c31;
  --color-surface: #0b1a2e;
  --color-ink: #f8fafc;
  --color-ink-2: #cbd5e1;
  --color-muted: #9db1c9;
  --color-rule: #1e293b;
  --color-rule-strong: #334155;
  --color-accent: #F15C09;
  --color-accent-hover: #d64e06;
  --color-accent-ink: #ffffff;
  --color-accent-soft: rgba(241, 92, 9, 0.15);
  --color-brand: #F15C09;
  --color-brand-ink: #ffffff;
  --color-positive: #34d399;
  --color-positive-soft: rgba(16, 185, 129, 0.15);
  --color-positive-ink: #a7f3d0;
  --color-warning: #fbbf24;
  --color-warning-soft: rgba(245, 158, 11, 0.15);
  --color-warning-ink: #fde68a;
  --color-error: #f87171;
  --color-error-soft: rgba(239, 68, 68, 0.15);
  --color-error-ink: #fecaca;
  --color-open: #f87171;
  --color-open-soft: rgba(239, 68, 68, 0.15);
  --color-solved: #34d399;
  --color-solved-soft: rgba(16, 185, 129, 0.15);
  --color-pending: #fbbf24;
  --color-pending-soft: rgba(245, 158, 11, 0.15);
  --color-graphite: #04182f;
  --color-graphite-2: #0b1a2e;
  --color-code: #1e293b;
  --color-code-muted: #94a3b8;
  --color-focus: #38bdf8;
}

/* Varsayılan Marka Logosu (Beyaz Harfli PS Sembolü) */
.brand-image,
.brand-logo,
.ps-nav-logo {
  content: url('/ps-symbol-light.png');
}

/* Açık Mod Marka Logosu (Lacivert Harfli Standart PS Sembolü) */
:root[data-theme="light"] .brand-image,
html[data-theme="light"] .brand-image,
body[data-theme="light"] .brand-image,
:root[data-theme="light"] .brand-logo,
html[data-theme="light"] .brand-logo,
body[data-theme="light"] .brand-logo,
:root[data-theme="light"] .ps-nav-logo,
html[data-theme="light"] .ps-nav-logo,
body[data-theme="light"] .ps-nav-logo,
.ps-theme-light .ps-nav-logo {
  content: url('/ps-symbol.png');
}

/* Koyu Mod Marka Logosu (Beyaz Harfli PS Sembolü) */
:root[data-theme="dark"] .brand-image,
html[data-theme="dark"] .brand-image,
body[data-theme="dark"] .brand-image,
:root[data-theme="dark"] .brand-logo,
html[data-theme="dark"] .brand-logo,
body[data-theme="dark"] .brand-logo,
:root[data-theme="dark"] .ps-nav-logo,
html[data-theme="dark"] .ps-nav-logo,
body[data-theme="dark"] .ps-nav-logo,
.ps-dark .ps-nav-logo {
  content: url('/ps-symbol-light.png');
}

/* Tek Koyu Terminal Teması Standardı (Tema Değiştirici Butonları Gizlenir) */
.theme-switcher,
#theme-toggle,
.ps-theme-toggle-btn {
  display: none !important;
}