/*
 * Xinglet Brand
 * Cyan primary (#00ADEE), orange highlight (#e07b2a).
 *
 * Author: David M. Anderson
 * Built with AI assistance (Claude, Anthropic)
 */

:root {
    /* Colors — Light */
    --color-bg:           #f3f6f6;
    --color-surface:      #ffffff;
    --color-text:         #0f1a1a;
    --color-text-muted:   #546868;
    --color-border:       #d4dedd;
    --color-accent:       #00ADEE;
    --color-accent-hover: #0088C0;
    --color-highlight:       #e07b2a;
    --color-highlight-hover: #b85f17;
    --color-nav-bg:       #102a2b;
    --color-nav-text:     #e4eded;
    --color-ok-bg:        #e8f5e9;
    --color-ok-text:      #1f4f23;
    --color-error-bg:     #fde8e8;
    --color-error-text:   #7a1f1f;

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

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

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

@media (prefers-color-scheme: dark) {
    :root:not([data-theme="light"]) {
        --color-bg:           #0a1314;
        --color-surface:      #121e1f;
        --color-text:         #e4eded;
        --color-text-muted:   #7a9090;
        --color-border:       #1e3031;
        --color-accent:       #00ADEE;
        --color-accent-hover: #5ECEF5;
        --color-highlight:       #f0964a;
        --color-highlight-hover: #ffad66;
        --color-nav-bg:       #060f10;
        --color-nav-text:     #d4dedd;
        --color-ok-bg:        rgba(76, 175, 80, 0.15);
        --color-ok-text:      #a5d6a7;
        --color-error-bg:     rgba(220, 80, 80, 0.15);
        --color-error-text:   #ffb4b4;
        --shadow:             0 1px 3px rgba(0, 0, 0, 0.45);
        --shadow-md:          0 4px 12px rgba(0, 0, 0, 0.55);
    }
}

[data-theme="dark"] {
    --color-bg:           #0a1314;
    --color-surface:      #121e1f;
    --color-text:         #e4eded;
    --color-text-muted:   #7a9090;
    --color-border:       #1e3031;
    --color-accent:       #00ADEE;
    --color-accent-hover: #5ECEF5;
    --color-highlight:       #f0964a;
    --color-highlight-hover: #ffad66;
    --color-nav-bg:       #060f10;
    --color-nav-text:     #d4dedd;
    --color-ok-bg:        rgba(76, 175, 80, 0.15);
    --color-ok-text:      #a5d6a7;
    --color-error-bg:     rgba(220, 80, 80, 0.15);
    --color-error-text:   #ffb4b4;
    --shadow:             0 1px 3px rgba(0, 0, 0, 0.45);
    --shadow-md:          0 4px 12px rgba(0, 0, 0, 0.55);
}

[data-theme="light"] {
    --color-bg:           #f3f6f6;
    --color-surface:      #ffffff;
    --color-text:         #0f1a1a;
    --color-text-muted:   #546868;
    --color-border:       #d4dedd;
    --color-accent:       #00ADEE;
    --color-accent-hover: #0088C0;
    --color-highlight:       #e07b2a;
    --color-highlight-hover: #b85f17;
    --color-nav-bg:       #102a2b;
    --color-nav-text:     #e4eded;
}