/* BSD Saraburi ERP — global styles (brand tokens).
   Tailwind v4 build pipeline (PostCSS/CLI) arrives in a later milestone;
   for now the shell uses the Tailwind browser CDN referenced in index.html. */

:root {
    --bsd-charcoal: #51545f;
    --bsd-teal: #00c4ba;
    --bsd-green: #75cf20;
    --bsd-yellow: #ffcd00;
    --bsd-orange: #fcac17;
    --bsd-coral: #fa595d;
    --bsd-cream: #fefaf1;
    --bsd-alabaster: #faf6f0;
    --bsd-dark-0: #0f1115;
    --bsd-dark-1: #181b20;
    /* Theme-aware surfaces (Milestone 5 teacher dark mode) */
    --bsd-surface: #ffffff;
    --bsd-surface-2: #faf6f0;
    --bsd-text: #51545f;
    --bsd-muted: rgba(81, 84, 95, 0.6);
    --bsd-border: rgba(0, 0, 0, 0.06);
}

body {
    font-family: "Inter", "Anuphan", "Noto Sans Thai", sans-serif;
    background: var(--bsd-alabaster);
    color: var(--bsd-text);
    transition:
        background 0.2s ease,
        color 0.2s ease;
}

body.bsd-dark {
    --bsd-surface: #181b20;
    --bsd-surface-2: #0f1115;
    --bsd-text: #edf0f3;
    --bsd-muted: rgba(237, 240, 243, 0.6);
    --bsd-border: rgba(255, 255, 255, 0.08);
    background: var(--bsd-dark-0);
}

/* Reusable theme-aware surface (used by Milestone 5 teacher modules) */
.bsd-card {
    background: var(--bsd-surface);
    color: var(--bsd-text);
    border: 1px solid var(--bsd-border);
}

h1,
h2,
h3,
h4,
.font-display {
    font-family: "Quicksand", "Anuphan", "Noto Sans Thai", sans-serif;
}