/* global.css — shared foundation for every page */

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

html {
    font-size: var(--font-base, 16px);
}

:root {
    /* Default theme = StockAI dark-violet brand (matches about/landing).
       Per-user themes override these via theme-init.js / settings. */
    --clr-start:          #8b7bff;
    --clr-end:            #667eea;
    --clr-accent:         #8b7bff;
    --clr-bg:             #07070e;
    --clr-card:           #0d0d18;
    --clr-text-primary:   #ecedf6;
    --clr-text-secondary: #9a9bb4;
    --clr-text-label:     #8a8ba2;
    --card-radius:        12px;
    --font-base:          15px;
    --shadow-sm: 0 2px 8px rgba(102,126,234,0.10);
    --shadow-md: 0 4px 16px rgba(102,126,234,0.14);
    --shadow-lg: 0 8px 24px rgba(102,126,234,0.18);
}

body {
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
    background-color: var(--clr-bg);
    color: var(--clr-text-primary);
    font-size: var(--font-base);
    line-height: 1.5;
    /* Zoom the whole UI in a touch so content reads larger/denser. */
    zoom: 1.08;
    opacity: 0;
    transition: opacity 0.15s ease;
}

body.loaded {
    opacity: 1;
}