/*
 * Anderix.com Brand
 * Primary: #3a5875  Secondary: #2c2c2c
 *
 * Author: David M. Anderson
 * Built with AI assistance (Claude, Anthropic)
 */

:root {
    /* Colors — Light */
    --color-bg:           #f2f3f5;
    --color-surface:      #ffffff;
    --color-text:         #191c20;
    --color-text-muted:   #5a6370;
    --color-border:       #d4d8de;
    --color-accent:       #3a5875;
    --color-accent-hover: #2d4460;
    --color-nav-bg:       #f2f3f5;
    --color-nav-text:     #5a6370;

    /* Typography */
    --font-body:    Verdana, Arial, Helvetica, sans-serif;
    --font-heading: var(--font-body);
    --font-mono:    'Courier New', Courier, monospace;
    --line-height:  1.7;

    /* Shape */
    --radius: 3px;

    /* Shadow */
    --shadow:    0 1px 3px rgba(0, 0, 0, 0.07);
    --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.09);
}

@media (prefers-color-scheme: dark) {
    :root:not([data-theme="light"]) {
        --color-bg:           #131517;
        --color-surface:      #1c1f23;
        --color-text:         #e2e6ea;
        --color-text-muted:   #7a8898;
        --color-border:       #2a3040;
        --color-accent:       #7aafd4;
        --color-accent-hover: #9ac3e0;
        --color-nav-bg:       #131517;
        --color-nav-text:     #7a8898;
        --shadow:             0 1px 3px rgba(0, 0, 0, 0.4);
        --shadow-md:          0 4px 12px rgba(0, 0, 0, 0.5);
    }
}

[data-theme="dark"] {
    --color-bg:           #131517;
    --color-surface:      #1c1f23;
    --color-text:         #e2e6ea;
    --color-text-muted:   #7a8898;
    --color-border:       #2a3040;
    --color-accent:       #7aafd4;
    --color-accent-hover: #9ac3e0;
    --color-nav-bg:       #131517;
    --color-nav-text:     #7a8898;
    --shadow:             0 1px 3px rgba(0, 0, 0, 0.4);
    --shadow-md:          0 4px 12px rgba(0, 0, 0, 0.5);
}

[data-theme="light"] {
    --color-bg:           #f2f3f5;
    --color-surface:      #ffffff;
    --color-text:         #191c20;
    --color-text-muted:   #5a6370;
    --color-border:       #d4d8de;
    --color-accent:       #3a5875;
    --color-accent-hover: #2d4460;
    --color-nav-bg:       #f2f3f5;
    --color-nav-text:     #5a6370;
    --shadow:             0 1px 3px rgba(0, 0, 0, 0.07);
    --shadow-md:          0 4px 12px rgba(0, 0, 0, 0.09);
}