:root {
    color-scheme: dark;

    /* === ZEMIN === */
    --bg-body:        #080B10;
    --bg-primary:     #0D1117;
    --bg-secondary:   #151B24;
    --bg-elevated:    #1C2432;
    --bg-surface:     #212B3A;

    /* === METİN === */
    --text-primary:   #F0F4F8;
    --text-secondary: #B0BBC8;
    --text-muted:     #6B7A8D;
    --text-dim:       #4A5567;

    /* === MARKA / GÜVEN === */
    --brand-primary:  #00D26A;
    --brand-dark:     #00A854;
    --brand-glow:     rgba(0, 210, 106, 0.12);

    --trust-primary:  #1A6FEF;
    --trust-dark:     #1458C0;
    --trust-glow:     rgba(26, 111, 239, 0.10);

    /* === SEMANTIK === */
    --color-success:  #00D26A;
    --color-danger:   #F04438;
    --color-warning:  #F5A623;
    --color-info:     #1A6FEF;

    /* === CHART === */
    --chart-grid:     #1E2A3A;

    /* === BORDER / DIVIDER === */
    --border-default: #1E2A3A;
    --border-subtle:  #162030;
    --border-focus:   #00D26A;
    --border-trust:   #1A6FEF;

    /* === SHADOW === */
    --shadow-sm:      0 1px 3px rgba(0,0,0,0.4);
    --shadow-md:      0 4px 12px rgba(0,0,0,0.5);
    --shadow-lg:      0 8px 32px rgba(0,0,0,0.6);
    --shadow-glow:    0 0 20px rgba(0, 210, 106, 0.15);

    /* === TİPOGRAFİ === */
    --font-sans:      'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', system-ui, sans-serif;
    --font-mono:      'JetBrains Mono', 'Fira Code', 'Cascadia Code', 'Consolas', monospace;

    --fs-xs:          0.6875rem;   /* 11px */
    --fs-sm:          0.75rem;     /* 12px */
    --fs-base:        0.8125rem;   /* 13px */
    --fs-md:          0.875rem;    /* 14px */
    --fs-lg:          1rem;        /* 16px */
    --fs-xl:          1.25rem;     /* 20px */
    --fs-2xl:         1.5rem;      /* 24px */
    --fs-3xl:         2rem;        /* 32px */

    --fw-normal:      400;
    --fw-medium:      500;
    --fw-semibold:    600;
    --fw-bold:        700;

    /* === SPACING === */
    --space-1:        0.25rem;
    --space-2:        0.5rem;
    --space-3:        0.75rem;
    --space-4:        1rem;
    --space-5:        1.25rem;
    --space-6:        1.5rem;
    --space-8:        2rem;
    --space-10:       2.5rem;
    --space-12:       3rem;

    /* === RADIUS === */
    --radius-sm:      4px;
    --radius-md:      6px;
    --radius-lg:      8px;
    --radius-xl:      12px;

    /* === LAYOUT === */
    --sidebar-width:  240px;
    --header-height:  56px;
    --transition:     all 0.2s ease;
}

html[data-theme="light"] {
    color-scheme: light;

    --bg-body:        #E8ECF1;
    --bg-primary:     #FFFFFF;
    --bg-secondary:   #FFFFFF;
    --bg-elevated:    #F4F6F9;
    --bg-surface:     #E8EDF3;

    --text-primary:   #0D1117;
    --text-secondary: #3D4A5C;
    --text-muted:     #6B7A8D;
    --text-dim:       #8B97A8;

    --brand-primary:  #00B85C;
    --brand-dark:     #00964B;
    --brand-glow:     rgba(0, 184, 92, 0.12);

    --trust-primary:  #1A6FEF;
    --trust-dark:     #1458C0;
    --trust-glow:     rgba(26, 111, 239, 0.10);

    --color-success:  #00A854;
    --color-danger:   #D92D20;
    --color-warning:  #DC8A00;
    --color-info:     #1A6FEF;

    --chart-grid:     #cccccc;

    --border-default: #D5DCE6;
    --border-subtle:  #E6EBF1;
    --border-focus:   #00B85C;
    --border-trust:   #1A6FEF;

    --shadow-sm:      0 1px 3px rgba(15, 23, 42, 0.08);
    --shadow-md:      0 4px 12px rgba(15, 23, 42, 0.10);
    --shadow-lg:      0 8px 24px rgba(15, 23, 42, 0.12);
    --shadow-glow:    0 0 20px rgba(0, 184, 92, 0.12);
}