html[data-theme="dark"] {
    /* Karanlık tema da nötr gridedir: aydınlık temanın ölçeği ters çevrilir,
       lacivert kayması yapılmaz. */
    --color-background: #0e0e10;
    --color-surface: #161618;
    --color-surface-muted: #1f1f23;
    --color-text: #f4f4f5;
    --color-text-muted: #a1a1aa;
    --color-text-subtle: #71717a;
    --color-border: #29292e;
    --color-border-strong: #3f3f46;

    --color-primary: #60a5fa;
    --color-primary-hover: #93c5fd;
    /* Açık mavi zeminde beyaz metin okunmaz; birincil düğmenin yazısı koyudur. */
    --color-on-primary: #0e0e10;
    --color-primary-soft: #17243b;
    --color-link: #93c5fd;

    --color-success: #4ade80;
    --color-success-soft: #10281b;
    --color-warning: #fbbf24;
    --color-warning-soft: #2d2410;
    --color-danger: #f87171;
    --color-danger-soft: #2d1616;
    --color-info: #38bdf8;
    --color-info-soft: #10222d;
    --color-neutral-soft: #1f1f23;

    --color-focus: #60a5fa;
    --color-overlay: rgb(0 0 0 / 70%);

    --shadow-sm: 0 1px 2px rgb(0 0 0 / 40%);
    --shadow-floating: 0 12px 28px rgb(0 0 0 / 45%);

    /* Yerel <select> okunu macOS kendi çizer ve zemin rengini yok sayar;
       kendi okumuzu koyabilmek için appearance kapatılır. */
    --select-chevron: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23a1a1aa' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");

    /* Logonun altındaki taban. Logo koyu renkli olduğu için karanlık temada
       okunur kalması gerekir; aydınlık temada yüzeyle aynı renk olduğundan
       görünmez, iki temada da tek kural yeter. */
    --brand-plate: #ffffff;

    /* Modül kimlik renkleri: koyu zeminde okunacak biçimde açılmış tonlar.
       Katalog: app/layout/modules.php */
    --module-intranet: #60a5fa;
    --module-assistant: #2dd4bf;
    --module-boss: #93c5fd;
    --module-mobile: #cbd5e1;
    --module-leads: #a78bfa;
    --module-customers: #22d3ee;
    --module-documents: #c084fc;
    --module-inventory: #fbbf24;
    --module-sales: #4ade80;
    --module-einvoice: #e879f9;
    --module-procurement: #fb923c;
    --module-production: #818cf8;
    --module-projects: #93c5fd;
    --module-iot: #06b6d4;
    --module-quality: #c4b5fd;
    --module-legobom: #d8b4fe;
    --module-subcontracting: #a3e635;
    --module-finance: #34d399;
    --module-accounting: #14b8a6;
    --module-budget: #67e8f9;
    --module-declarations: #5eead4;
    --module-expenses: #facc15;
    --module-humanResources: #f472b6;
    --module-assets: #fb7185;
    --module-fleet: #7dd3fc;
    --module-tasks: #eab308;
    --module-meetings: #38bdf8;
    --module-service: #fdba74;
    --module-bpm: #d4d4d8;
    --module-it: #f0a26a;
    --module-whatsapp: #25d366;
    --module-reports: #facc15;
    --module-reportTracking: #f87171;
    --module-settings: #a1a1aa;

    --grid-background: #161618;
    --grid-header-background: #1c1c1f;
    --grid-header-text: #a1a1aa;
    --grid-border: #29292e;
    --grid-row-border: #232327;
    --grid-row-hover: #1c1c1f;
    --grid-row-selected: #17243b;
    --grid-row-selected-hover: #1c2c46;
    --grid-control-background: #1f1f23;
    --grid-control-hover: #29292e;
    --grid-control-active: var(--color-primary);
    --grid-sort: #a1a1aa;
    --grid-resize: #52525b;
    --grid-placeholder: #71717a;

    /* Karanlık temada aynı ton ailesi, okunur kalsın diye açılır. */
    --activity-created: #22d3ee;
    --activity-converted: #a78bfa;
    --activity-lifecycle: #818cf8;
    --activity-status: #fbbf24;
    --activity-responsible: #f472b6;
    --activity-note: #60a5fa;
    --activity-call: #4ade80;
    --activity-sms: #2dd4bf;
    --activity-email: #fb923c;
    --activity-appointment: #c084fc;
    --activity-visit: #fbbf24;
    --activity-payment: #34d399;
    --activity-document: #a1a1aa;
    --activity-contact: #f9a8d4;
    --activity-address: #38bdf8;
}