/* Veraius Theme: Light — "Architectural Monolith — stitch_enterprise_ui_kit_design_system'den BIREBIR alindi (uygulandi 2026-09-13). Kullanicinin verdigi 4 renk paletin cekirdegi: limestone #EEEEEE, basalt #222831, iron #31363F, patina #76ABAE.
KRITIK ROL AYRIMI (DESIGN.md 'Accent Rules'): #76ABAE DOLGU rengidir, metin degil — 'Never use the primary accent for decorative backgrounds; it acts strictly as the structural indicator of intent.' Metin tasiyan teal #316669'dur. Bu ayrim sayesinde palet hic odun vermeden WCAG 2.2 AA'yi gecer (olculdu 2026-09-13, 11/11: primary/surface 6.17:1, on-primary/primary 6.49:1, #111418 uzerine #76ABAE 7.22:1, #FFFFFF uzerine #31363F 12.14:1).
Onceki bir surum #76ABAE'yi metin olarak kullanmayi deneyip 2.21:1 olcmus ve rengi #106064'e cekmisti; dogru cozum rengi degistirmek degil, ROLUNU duzeltmekmis.
Yuzey 12 basamakli luminans rampasidir: zemin #F9F9F9 → kart #FFFFFF → konteyner #EEEEEE → kuyu #E2E2E2. Kenarlik yerine duzlem kaymasi ('No-Line' kurali); sinir gerekiyorsa ghost-border rgba(34,40,49,0.08).
Sidebar bu temada ACIK (kullanici karari 2026-09-13): 'sidebar her temada koyu' kurali bu tema icin gecersiz kilindi.
Tipografi Manrope olarak BIRAKILDI — UI kit govde icin Inter oneriyor ama mevcut tek-font kurali ve onu donduran test korundu (kullanici karari)."
   Generated by tools/generate-theme-css.mjs — DO NOT EDIT MANUALLY */

[data-theme="light"], .theme-light {
    /* Neutral Ramp (primitive) */
    --neutral-25: #ffffff;
    --neutral-25-rgb: 255, 255, 255;
    --neutral-50: #fcfcfc;
    --neutral-50-rgb: 252, 252, 252;
    --neutral-100: #f9f9f9;
    --neutral-100-rgb: 249, 249, 249;
    --neutral-200: #f6f6f6;
    --neutral-200-rgb: 246, 246, 246;
    --neutral-300: #f4f3f3;
    --neutral-300-rgb: 244, 243, 243;
    --neutral-400: #f1f0f0;
    --neutral-400-rgb: 241, 240, 240;
    --neutral-500: #eeeeee;
    --neutral-500-rgb: 238, 238, 238;
    --neutral-600: #ebebeb;
    --neutral-600-rgb: 235, 235, 235;
    --neutral-700: #e8e8e8;
    --neutral-700-rgb: 232, 232, 232;
    --neutral-800: #e5e5e5;
    --neutral-800-rgb: 229, 229, 229;
    --neutral-900: #e2e2e2;
    --neutral-900-rgb: 226, 226, 226;
    --neutral-950: #dedede;
    --neutral-950-rgb: 222, 222, 222;
    --neutral-1000: #dadada;
    --neutral-1000-rgb: 218, 218, 218;

    /* Categorical Palette */
    --category-agent: #316c70;
    --category-agent-rgb: 49, 108, 112;
    --category-logic: #805e0f;
    --category-logic-rgb: 128, 94, 15;
    --category-data: #c90a00;
    --category-data-rgb: 201, 10, 0;
    --category-step: #6939f6;
    --category-step-rgb: 105, 57, 246;
    --category-io: #13714c;
    --category-io-rgb: 19, 113, 76;

    /* Watermark Scale */
    --watermark-sm: 5rem;
    --watermark-md: 8rem;
    --watermark-lg: 12rem;

    /* Surface Hierarchy */
    --surface: var(--neutral-100);
    --surface-rgb: 249, 249, 249;
    --surface-dim: var(--neutral-1000);
    --surface-dim-rgb: 218, 218, 218;
    --surface-bright: #f9f9f9;
    --surface-bright-rgb: 249, 249, 249;
    --surface-container-lowest: var(--neutral-25);
    --surface-container-lowest-rgb: 255, 255, 255;
    --surface-container-low: var(--neutral-300);
    --surface-container-low-rgb: 244, 243, 243;
    --surface-container: var(--neutral-500);
    --surface-container-rgb: 238, 238, 238;
    --surface-container-high: var(--neutral-700);
    --surface-container-high-rgb: 232, 232, 232;
    --surface-container-highest: var(--neutral-900);
    --surface-container-highest-rgb: 226, 226, 226;
    --surface-variant: #e2e2e2;
    --surface-variant-rgb: 226, 226, 226;
    --surface-tint: #316669;
    --surface-tint-rgb: 49, 102, 105;

    /* Primary */
    --primary: #316669;
    --primary-rgb: 49, 102, 105;
    --primary-container: #76abae;
    --primary-container-rgb: 118, 171, 174;
    --primary-container-text: #003f42;
    --primary-container-text-rgb: 0, 63, 66;
    --on-primary-muted: #e6f2f3;
    --on-primary-muted-rgb: 230, 242, 243;
    --primary-fixed: #b6ecef;
    --primary-fixed-rgb: 182, 236, 239;
    --primary-fixed-dim: #9ad0d3;
    --primary-fixed-dim-rgb: 154, 208, 211;
    --on-primary: #ffffff;
    --on-primary-rgb: 255, 255, 255;
    --on-primary-container: #003f42;
    --on-primary-container-rgb: 0, 63, 66;
    --on-primary-fixed: #002021;
    --on-primary-fixed-rgb: 0, 32, 33;
    --on-primary-fixed-variant: #144e51;
    --on-primary-fixed-variant-rgb: 20, 78, 81;
    --inverse-primary: #9ad0d3;
    --inverse-primary-rgb: 154, 208, 211;
    --primary-dim: #316669;
    --primary-dim-rgb: 49, 102, 105;

    /* Secondary */
    --secondary: #805e08;
    --secondary-rgb: 128, 94, 8;
    --secondary-container: #f9dc96;
    --secondary-container-rgb: 249, 220, 150;
    --secondary-fixed: #fae3aa;
    --secondary-fixed-rgb: 250, 227, 170;
    --secondary-fixed-dim: #f6cc66;
    --secondary-fixed-dim-rgb: 246, 204, 102;
    --on-secondary: #ffffff;
    --on-secondary-rgb: 255, 255, 255;
    --on-secondary-container: #735407;
    --on-secondary-container-rgb: 115, 84, 7;
    --on-secondary-fixed: #171c24;
    --on-secondary-fixed-rgb: 23, 28, 36;
    --on-secondary-fixed-variant: #424750;
    --on-secondary-fixed-variant-rgb: 66, 71, 80;

    /* Tertiary */
    --tertiary: #b03939;
    --tertiary-rgb: 176, 57, 57;
    --tertiary-container: #f05454;
    --tertiary-container-rgb: 240, 84, 84;
    --tertiary-fixed: #f2d9d7;
    --tertiary-fixed-rgb: 242, 217, 215;
    --tertiary-fixed-dim: #e3aca9;
    --tertiary-fixed-dim-rgb: 227, 172, 169;
    --on-tertiary: #ffffff;
    --on-tertiary-rgb: 255, 255, 255;
    --on-tertiary-container: #111418;
    --on-tertiary-container-rgb: 17, 20, 24;
    --on-tertiary-fixed: #161c25;
    --on-tertiary-fixed-rgb: 22, 28, 37;
    --on-tertiary-fixed-variant: #414751;
    --on-tertiary-fixed-variant-rgb: 65, 71, 81;

    /* Neutral */
    --on-surface: #1a1c1c;
    --on-surface-rgb: 26, 28, 28;
    --on-surface-variant: #404849;
    --on-surface-variant-rgb: 64, 72, 73;
    --on-background: #1a1c1c;
    --on-background-rgb: 26, 28, 28;
    --background: #f9f9f9;
    --background-rgb: 249, 249, 249;
    --outline: #707979;
    --outline-rgb: 112, 121, 121;
    --outline-text: #404849;
    --outline-text-rgb: 64, 72, 73;
    --outline-variant: #bfc8c8;
    --outline-variant-rgb: 191, 200, 200;
    --state-inactive: #707979;
    --state-inactive-rgb: 112, 121, 121;
    --state-inactive-bg: color-mix(in srgb, #707979 12%, transparent);
    --state-inactive-border: color-mix(in srgb, #bfc8c8 35%, transparent);

    /* Error */
    --error: #ba1a1a;
    --error-rgb: 186, 26, 26;
    --error-container: #ffdad6;
    --error-container-rgb: 255, 218, 214;
    --on-error: #ffffff;
    --on-error-rgb: 255, 255, 255;
    --on-error-container: #93000a;
    --on-error-container-rgb: 147, 0, 10;

    /* Inverse */
    --inverse-surface: #2f3131;
    --inverse-surface-rgb: 47, 49, 49;
    --inverse-on-surface: #f1f1f1;
    --inverse-on-surface-rgb: 241, 241, 241;
    --inverse-on-surface-muted: #c1c7d3;
    --inverse-on-surface-muted-rgb: 193, 199, 211;
    --inverse-primary-accent: #9ad0d3;
    --inverse-primary-accent-rgb: 154, 208, 211;
    --inverse-secondary-accent: #c2c6d2;
    --inverse-secondary-accent-rgb: 194, 198, 210;
    --inverse-tertiary-accent: #ed7b7b;
    --inverse-tertiary-accent-rgb: 237, 123, 123;

    /* Departman Aksanları */
    --dept-hr: #2ad6d3;
    --dept-hr-rgb: 42, 214, 211;
    --dept-hr-text: #146766;
    --dept-hr-text-rgb: 20, 103, 102;
    --dept-finance: #ffc233;
    --dept-finance-rgb: 255, 194, 51;
    --dept-finance-text: #7a5600;
    --dept-finance-text-rgb: 122, 86, 0;
    --dept-sales: #34d97e;
    --dept-sales-rgb: 52, 217, 126;
    --dept-sales-text: #146a3b;
    --dept-sales-text-rgb: 20, 106, 59;
    --dept-risk: #ff5f6d;
    --dept-risk-rgb: 255, 95, 109;
    --dept-risk-text: #b60010;
    --dept-risk-text-rgb: 182, 0, 16;
    --dept-customersuccess: #ff6fc4;
    --dept-customersuccess-rgb: 255, 111, 196;
    --dept-customersuccess-text: #b10069;
    --dept-customersuccess-text-rgb: 177, 0, 105;
    --dept-supplychain: #a374ff;
    --dept-supplychain-rgb: 163, 116, 255;
    --dept-supplychain-text: #5f0eff;
    --dept-supplychain-text-rgb: 95, 14, 255;
    --dept-legal: #ff7a85;
    --dept-legal-rgb: 255, 122, 133;
    --dept-legal-text: #b7000f;
    --dept-legal-text-rgb: 183, 0, 15;
    --dept-itops: #4d9fff;
    --dept-itops-rgb: 77, 159, 255;
    --dept-itops-text: #0057bd;
    --dept-itops-text-rgb: 0, 87, 189;

    /* Sidebar */
    --sidebar-surface: #eeeeee;
    --sidebar-surface-rgb: 238, 238, 238;
    --sidebar-on-surface: #31363f;
    --sidebar-on-surface-rgb: 49, 54, 63;
    --sidebar-surface-container: #e2e2e2;
    --sidebar-surface-container-rgb: 226, 226, 226;
    --sidebar-surface-container-high: #e8e8e8;
    --sidebar-surface-container-high-rgb: 232, 232, 232;
    --sidebar-primary: #316669;
    --sidebar-primary-rgb: 49, 102, 105;
    --sidebar-teal: #316669;
    --sidebar-teal-rgb: 49, 102, 105;
    --sidebar-gold: #c9962a;
    --sidebar-gold-rgb: 201, 150, 42;

    /* Glass & Effects */
    --glass-bg: rgba(255, 255, 255, 0.78);
    --glass-bg-light: rgba(255, 255, 255, 0.92);
    --primary-glow: rgba(118, 171, 174, 0.16);
    --primary-glow-hover: rgba(118, 171, 174, 0.35);

    /* Shadows */
    --overlay-scrim: #111418;
    --overlay-scrim-rgb: 17, 20, 24;
    --scrim: #111418;
    --scrim-rgb: 17, 20, 24;
    --shadow-ambient: 0 12px 32px -4px rgba(34, 40, 49, 0.06), 0 4px 12px -2px rgba(34, 40, 49, 0.04);
    --shadow-ghost: 0 0 0 1px rgba(34, 40, 49, 0.08);
    --shadow-float: 0 32px 64px -12px rgba(17, 20, 24, 0.16), 0 16px 32px -8px rgba(17, 20, 24, 0.08);

    /* Ghost Border */
    --ghost-border: rgba(34, 40, 49, 0.08);

    /* Neumorphism */
    --neu-shadow-raised: 0 12px 32px -4px rgba(34, 40, 49, 0.06);
    --neu-shadow-inset: inset 0 0 0 1px rgba(34, 40, 49, 0.08);
    --neu-shadow-flat: 0 4px 12px -2px rgba(34, 40, 49, 0.04);

    /* Radii */
    --btn-radius: 0.5rem;
    --card-radius: 0.875rem;
    --input-radius: 0.5rem;
    --panel-radius: 0.875rem;
    --chip-radius: 9999px;
    --tooltip-radius: 0.25rem;
    --track-radius: 0.125rem;
    --control-radius: 0.625rem;

    /* Typography */
    --font-headline: 'Manrope', sans-serif;
    --font-body: 'Manrope', sans-serif;
    --font-label: 'Manrope', sans-serif;

    /* Transitions */
    --transition-btn: 50ms ease;
    --transition-card: 150ms cubic-bezier(0, 0, 0, 1);
    --transition-modal: 200ms cubic-bezier(0, 0, 0, 1);
    --transition-toast: 300ms cubic-bezier(0, 0, 0, 1);
    --transition-page: 150ms ease;

    /* Gradients */
    --gradient-primary: linear-gradient(135deg, #3b5774, #30475e);
    --gradient-gold: linear-gradient(135deg, #e0a92e, #b8860b);

    /* Brand Anchors */
    --brand-gold: #e0a92e;
    --brand-gold-rgb: 224, 169, 46;
    --brand-gold-text: #805e08;
    --brand-gold-text-rgb: 128, 94, 8;
    --brand-gold-text-on-fill: #111418;
    --brand-gold-text-on-fill-rgb: 17, 20, 24;
    --brand-teal: #76abae;
    --brand-teal-rgb: 118, 171, 174;
    --brand-teal-text: #316669;
    --brand-teal-text-rgb: 49, 102, 105;
    --on-brand: #111418;
    --on-brand-rgb: 17, 20, 24;

    /* Card Scale (Venus) */
    --card-sm-w: 257px;
    --card-sm-h: 97px;
    --card-md-w: 350px;
    --card-md-h: 345px;
    --card-lg-w: 720px;
    --card-lg-h: 345px;
    --card-gap: 20px;

    /* Chart Series */
    --chart-1: #a8d5d7;
    --chart-1-rgb: 168, 213, 215;
    --chart-2: #e0a92e;
    --chart-2-rgb: 224, 169, 46;
    --chart-3: #d06b62;
    --chart-3-rgb: 208, 107, 98;
    --chart-4: #31797d;
    --chart-4-rgb: 49, 121, 125;
    --chart-5: #30475e;
    --chart-5-rgb: 48, 71, 94;

    /* Monolith Anchors */
    --monolith-iron: #31363f;
    --monolith-iron-rgb: 49, 54, 63;
    --monolith-basalt: #222831;
    --monolith-basalt-rgb: 34, 40, 49;
    --monolith-slate-950: #111418;
    --monolith-slate-950-rgb: 17, 20, 24;
    --accent-fill: #76abae;
    --accent-fill-rgb: 118, 171, 174;
    --on-accent-fill: #111418;
    --on-accent-fill-rgb: 17, 20, 24;
    --row-stripe: #f8f9fa;
    --row-stripe-rgb: 248, 249, 250;
    --row-hover: #e6f2f3;
    --row-hover-rgb: 230, 242, 243;

    /* 12-Tier Neutral Ramp */
    --surface-01: #222831;
    --surface-01-rgb: 34, 40, 49;
    --surface-02: #2b313b;
    --surface-02-rgb: 43, 49, 59;
    --surface-03: #31363f;
    --surface-03-rgb: 49, 54, 63;
    --surface-04: #494f5b;
    --surface-04-rgb: 73, 79, 91;
    --surface-05: #6c7380;
    --surface-05-rgb: 108, 115, 128;
    --surface-06: #9da4b0;
    --surface-06-rgb: 157, 164, 176;
    --surface-07: #c2c6cb;
    --surface-07-rgb: 194, 198, 203;
    --surface-08: #dadada;
    --surface-08-rgb: 218, 218, 218;
    --surface-09: #e2e4e6;
    --surface-09-rgb: 226, 228, 230;
    --surface-ground: #eeeeee;
    --surface-ground-rgb: 238, 238, 238;
    --surface-11: #f4f4f4;
    --surface-11-rgb: 244, 244, 244;
    --surface-raised: #ffffff;
    --surface-raised-rgb: 255, 255, 255;

    /* Tectonic Teal Scale */
    --teal-900: #0e282a;
    --teal-900-rgb: 14, 40, 42;
    --teal-850: #143437;
    --teal-850-rgb: 20, 52, 55;
    --teal-800: #1a4245;
    --teal-800-rgb: 26, 66, 69;
    --teal-700: #25565a;
    --teal-700-rgb: 37, 86, 90;
    --teal-600: #316669;
    --teal-600-rgb: 49, 102, 105;
    --teal-550: #4a7f82;
    --teal-550-rgb: 74, 127, 130;
    --primary-key: #76abae;
    --primary-key-rgb: 118, 171, 174;
    --teal-400: #8ebec1;
    --teal-400-rgb: 142, 190, 193;
    --teal-300: #a8cfd1;
    --teal-300-rgb: 168, 207, 209;
    --teal-200: #c4dfe1;
    --teal-200-rgb: 196, 223, 225;
    --teal-100: #dceeee;
    --teal-100-rgb: 220, 238, 238;
    --teal-050: #f0f7f7;
    --teal-050-rgb: 240, 247, 247;

    /* Ghost Border Focus */
    --ghost-border-focus: rgba(118, 171, 174, 0.35);

    /* Status Tints */
    --tint-critical: #fef2f2;
    --tint-critical-rgb: 254, 242, 242;
    --tint-warning: #fff7ed;
    --tint-warning-rgb: 255, 247, 237;
    --tint-ok: #f0fdfa;
    --tint-ok-rgb: 240, 253, 250;
    --tint-neutral: #f8f9fa;
    --tint-neutral-rgb: 248, 249, 250;

    /* Action Fill */
    --action-fill: #30475E;
    --action-fill-rgb: 48, 71, 94;
    --on-action-fill: #FFFFFF;
    --on-action-fill-rgb: 255, 255, 255;
    --action-fill-hover: #3B5774;
    --action-fill-hover-rgb: 59, 87, 116;

    /* Night Blue */
    --navy: #30475E;
    --navy-rgb: 48, 71, 94;
    --on-navy: #FFFFFF;
    --on-navy-rgb: 255, 255, 255;
    --navy-text: #30475E;
    --navy-text-rgb: 48, 71, 94;

    /* Semantic States */
    --state-success: #16a34a;
    --state-success-rgb: 22, 163, 74;
    --state-success-bg: color-mix(in srgb, #16a34a 12%, transparent);
    --state-success-border: color-mix(in srgb, #16a34a 35%, transparent);
    --state-success-text: #15803d;
    --state-success-text-rgb: 21, 128, 61;
    --state-success-text-on-fill: #136c34;
    --state-success-text-on-fill-rgb: 19, 108, 52;
    --success: #16a34a;
    --on-success: #136c34;
    --state-active: #16a34a;
    --state-active-rgb: 22, 163, 74;
    --state-active-bg: color-mix(in srgb, #16a34a 12%, transparent);
    --state-active-border: color-mix(in srgb, #16a34a 35%, transparent);
    --state-active-text: #15803d;
    --state-active-text-on-fill: #136c34;
    --state-warning: #a35208;
    --state-warning-rgb: 163, 82, 8;
    --state-warning-bg: color-mix(in srgb, #a35208 12%, transparent);
    --state-warning-border: color-mix(in srgb, #a35208 35%, transparent);
    --state-warning-text: #a35208;
    --state-warning-text-rgb: 163, 82, 8;
    --state-warning-text-on-fill: #8f4707;
    --state-warning-text-on-fill-rgb: 143, 71, 7;
    --warning: #a35208;
    --on-warning: #8f4707;
    --state-pending: #a35208;
    --state-pending-rgb: 163, 82, 8;
    --state-pending-bg: color-mix(in srgb, #a35208 12%, transparent);
    --state-pending-border: color-mix(in srgb, #a35208 35%, transparent);
    --state-pending-text: #a35208;
    --state-pending-text-on-fill: #8f4707;
    --state-error: #ba1a1a;
    --state-error-rgb: 186, 26, 26;
    --state-error-bg: color-mix(in srgb, #ba1a1a 12%, transparent);
    --state-error-border: color-mix(in srgb, #ba1a1a 35%, transparent);
    --state-error-text: #ba1a1a;
    --state-error-text-rgb: 186, 26, 26;
    --state-error-text-on-fill: #ba1a1a;
    --state-error-text-on-fill-rgb: 186, 26, 26;
    --error: #ba1a1a;
    --state-critical: #ba1a1a;
    --state-critical-rgb: 186, 26, 26;
    --state-critical-bg: color-mix(in srgb, #ba1a1a 12%, transparent);
    --state-critical-border: color-mix(in srgb, #ba1a1a 35%, transparent);
    --state-critical-text: #ba1a1a;
    --state-critical-text-on-fill: #ba1a1a;
    --state-info: #2563eb;
    --state-info-rgb: 37, 99, 235;
    --state-info-bg: color-mix(in srgb, #2563eb 12%, transparent);
    --state-info-border: color-mix(in srgb, #2563eb 35%, transparent);
    --state-info-text: #1d4ed8;
    --state-info-text-rgb: 29, 78, 216;
    --state-info-text-on-fill: #1d4ed8;
    --state-info-text-on-fill-rgb: 29, 78, 216;
    --info: #2563eb;
    --on-info: #1d4ed8;

}