/* static/css/base.css */

:root {
    /* --- Font & Color Variables --- */
    --font-heading: 'Montserrat', sans-serif;
    --font-body: 'Lato', sans-serif;
    --brand-gold: #FFC107;
    --brand-gold-rgb: 255, 193, 7;
    --brand-dark: #212529;
    --accent-blue: #007bff;
    --accent-blue-rgb: 0, 123, 255;
    --brand-green: #28a745;
    --brand-green-hover: #218838;
    --brand-red: #dc3545;
    --primary-color: var(--brand-gold);
    --primary-color-hover: #e0a800;
    --text-color: var(--brand-dark);
    --card-background: #ffffff;
    --border-color: #ced4da; /* A slightly darker, more visible gray */
    --dashboard-bg: #F0F8FF;
}

body {
    font-family: var(--font-body);
    color: var(--text-color);
    margin: 0;
}

body, input, button, select, textarea {
    /* This "font stack" prioritizes the user's native system font for a clean, modern look. */
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
}

h1 { font-family: var(--font-heading); margin-top: 0; font-size: 1.5rem; }