/* ═══════════════════════════════════════════════════════════════════════════
   Hazmat Core — Product Design System (dark default + light mode)
   Tüm sayfalarda: <link rel="stylesheet" href="/product-theme.css">
   Tema: localStorage hazmat_theme = 'dark' | 'light'
   ═══════════════════════════════════════════════════════════════════════════ */

:root,
[data-theme="dark"] {
  color-scheme: dark;
  --pt-bg: #020617;
  --pt-bg-elevated: #0f172a;
  --pt-surface: #0f172a;
  --pt-surface-2: #1e293b;
  --pt-text: #f1f5f9;
  --pt-text-secondary: #e2e8f0;
  --pt-muted: #94a3b8;
  --pt-muted-2: #64748b;
  --pt-border: rgba(255, 255, 255, 0.08);
  --pt-border-strong: rgba(255, 255, 255, 0.14);
  /* Brand accent: neon orange — use sparingly (CTAs, highlights). Not a wash. */
  --pt-accent: #ff9500;
  --pt-accent-dim: rgba(255, 149, 0, 0.12);
  --pt-accent-border: rgba(255, 149, 0, 0.38);
  --pt-accent-glow: 0 0 18px rgba(255, 149, 0, 0.22);
  --pt-primary: #3b82f6;
  --pt-primary-dim: rgba(59, 130, 246, 0.15);
  --pt-primary-border: rgba(59, 130, 246, 0.4);
  --pt-success: #4ade80;
  --pt-warning: #fbbf24;
  --pt-danger: #f87171;
  --pt-hero-glow: radial-gradient(900px 500px at 20% 0%, rgba(59, 130, 246, 0.16), transparent 60%),
                  radial-gradient(640px 360px at 85% 8%, rgba(255, 149, 0, 0.08), transparent 55%);
  --pt-nav-bg: rgba(2, 6, 23, 0.92);
  --pt-shadow: 0 12px 40px rgba(0, 0, 0, 0.35);
  --pt-input-bg: #020617;
  --pt-card-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0.02));

  /* Durum rozetleri (status) */
  --pt-st-pending-bg: rgba(234, 179, 8, 0.2);
  --pt-st-pending-fg: #fde68a;
  --pt-st-pending-bd: rgba(234, 179, 8, 0.45);
  --pt-st-active-bg: rgba(34, 197, 94, 0.2);
  --pt-st-active-fg: #86efac;
  --pt-st-active-bd: rgba(34, 197, 94, 0.45);
  --pt-st-suspended-bg: rgba(239, 68, 68, 0.2);
  --pt-st-suspended-fg: #fca5a5;
  --pt-st-suspended-bd: rgba(239, 68, 68, 0.45);
  --pt-st-rejected-bg: #1e293b;
  --pt-st-rejected-fg: #94a3b8;
  --pt-st-rejected-bd: #334155;
  --pt-st-info-bg: rgba(59, 130, 246, 0.2);
  --pt-st-info-fg: #93c5fd;
  --pt-st-info-bd: rgba(59, 130, 246, 0.45);
  --pt-st-expired-bg: rgba(239, 68, 68, 0.2);
  --pt-st-expired-fg: #fca5a5;
  --pt-st-expired-bd: rgba(239, 68, 68, 0.45);
  --pt-st-neutral-bg: #1e293b;
  --pt-st-neutral-fg: #94a3b8;
  --pt-st-neutral-bd: #334155;

  /* Kuruluş tipi rozetleri */
  --pt-tp-default-bg: #1e293b;
  --pt-tp-default-fg: #cbd5e1;
  --pt-tp-default-bd: #334155;
  --pt-tp-tmgdk-bg: rgba(6, 182, 212, 0.22);
  --pt-tp-tmgdk-fg: #67e8f9;
  --pt-tp-tmgdk-bd: rgba(6, 182, 212, 0.45);
  --pt-tp-tmgd-bg: rgba(139, 92, 246, 0.22);
  --pt-tp-tmgd-fg: #c4b5fd;
  --pt-tp-tmgd-bd: rgba(139, 92, 246, 0.45);
  --pt-tp-hizmet-bg: rgba(16, 185, 129, 0.22);
  --pt-tp-hizmet-fg: #6ee7b7;
  --pt-tp-hizmet-bd: rgba(16, 185, 129, 0.45);
}

[data-theme="light"] {
  color-scheme: light;
  --pt-bg: #f6f8fb;
  --pt-bg-elevated: #ffffff;
  --pt-surface: #ffffff;
  --pt-surface-2: #eef2f7;
  --pt-text: #0b1220;
  --pt-text-secondary: #172033;
  --pt-muted: #334155;
  --pt-muted-2: #475569;
  --pt-border: rgba(15, 23, 42, 0.18);
  --pt-border-strong: rgba(15, 23, 42, 0.28);
  --pt-accent: #ea580c;
  --pt-accent-dim: rgba(234, 88, 12, 0.1);
  --pt-accent-border: rgba(234, 88, 12, 0.4);
  --pt-accent-glow: 0 0 14px rgba(234, 88, 12, 0.12);
  --pt-primary: #1d4ed8;
  --pt-primary-dim: rgba(29, 78, 216, 0.12);
  --pt-primary-border: rgba(29, 78, 216, 0.45);
  --pt-success: #15803d;
  --pt-warning: #b45309;
  --pt-danger: #b91c1c;
  --pt-hero-glow: radial-gradient(900px 500px at 20% 0%, rgba(29, 78, 216, 0.09), transparent 60%),
                  radial-gradient(640px 360px at 85% 8%, rgba(234, 88, 12, 0.06), transparent 55%);
  --pt-nav-bg: rgba(255, 255, 255, 0.97);
  --pt-shadow: 0 10px 32px rgba(15, 23, 42, 0.14);
  --pt-input-bg: #ffffff;
  --pt-card-gradient: linear-gradient(180deg, #ffffff, #f8fafc);

  /* Durum rozetleri — açık tema: koyu metin, açık zemin */
  --pt-st-pending-bg: #fef3c7;
  --pt-st-pending-fg: #92400e;
  --pt-st-pending-bd: #f59e0b;
  --pt-st-active-bg: #dcfce7;
  --pt-st-active-fg: #166534;
  --pt-st-active-bd: #22c55e;
  --pt-st-suspended-bg: #fee2e2;
  --pt-st-suspended-fg: #991b1b;
  --pt-st-suspended-bd: #ef4444;
  --pt-st-rejected-bg: #e2e8f0;
  --pt-st-rejected-fg: #1e293b;
  --pt-st-rejected-bd: #94a3b8;
  --pt-st-info-bg: #dbeafe;
  --pt-st-info-fg: #1e40af;
  --pt-st-info-bd: #3b82f6;
  --pt-st-expired-bg: #fee2e2;
  --pt-st-expired-fg: #991b1b;
  --pt-st-expired-bd: #ef4444;
  --pt-st-neutral-bg: #e2e8f0;
  --pt-st-neutral-fg: #1e293b;
  --pt-st-neutral-bd: #94a3b8;

  /* Kuruluş tipi — açık tema */
  --pt-tp-default-bg: #e2e8f0;
  --pt-tp-default-fg: #1e293b;
  --pt-tp-default-bd: #94a3b8;
  --pt-tp-tmgdk-bg: #cffafe;
  --pt-tp-tmgdk-fg: #0e7490;
  --pt-tp-tmgdk-bd: #06b6d4;
  --pt-tp-tmgd-bg: #ede9fe;
  --pt-tp-tmgd-fg: #5b21b6;
  --pt-tp-tmgd-bd: #8b5cf6;
  --pt-tp-hizmet-bg: #d1fae5;
  --pt-tp-hizmet-fg: #065f46;
  --pt-tp-hizmet-bd: #10b981;
}

/* Legacy variable bridge (styles.css / shared pages) */
:root, [data-theme="dark"] {
  --bg: #0b1220;
  --card: #101a2f;
  --muted: #a6b0c0;
  --text: #e9eef7;
  --accent: #ff9500;
  --accent2: #60a5fa;
  --danger: #fb7185;
  --border: rgba(255, 255, 255, 0.08);
}

[data-theme="light"] {
  --bg: #f1f5f9;
  --card: #ffffff;
  --muted: #64748b;
  --text: #0f172a;
  --accent: #ea580c;
  --accent2: #2563eb;
  --danger: #dc2626;
  --border: rgba(15, 23, 42, 0.1);
}

/* Screen only — print/belge pages keep their own paper rules */
@media screen {
  [data-theme="light"] body {
    background: var(--pt-bg);
    color: var(--pt-text);
  }
}

/* ─── Belge / print-output paper surfaces ───────────────────────────────
   Document previews must stay paper-like regardless of app dark/light.
   Prefer marking new print entities with .pt-doc-paper or #docPreview.
   ───────────────────────────────────────────────────────────────────── */
#docPreview,
.pt-doc-paper {
  color-scheme: light;
  background: #ffffff;
  color: #111111;
}