/* /client/static/css/base.css */

/* --- Color Palette & Theme Variables --- */
:root {
    --color-primary: #3D66C9;
    --color-secondary: #EBA340;
    --color-accent: #FBB80B;

    --color-text: #333;
    --color-text-muted: #6c757d;
    --color-text-inverse: #fff;

    --color-background: #fff;
    --color-surface: #f8f9fa;
    --color-surface-card: #fff;
    --color-border: #dee2e6;

    --color-footer-bg: var(--color-primary);
    --color-footer-text: var(--color-text-inverse);

    /* --- Gradients --- */
    --color-primary-gradient: linear-gradient(135deg, #3D66C9, #5B7FDB);
}

[data-theme="dark"] {
    --color-primary: #5a86e4;
    --color-secondary: #f0b458;

    --color-text: #e0e0e0;
    --color-text-muted: #aaa;
    --color-text-inverse: #121212;

    --color-background: #121212;
    --color-surface: #1e1e1e;
    --color-surface-card: #242424;
    --color-border: #444;

    --color-footer-bg: var(--color-surface); /* Use a dark surface color for the footer */
    --color-footer-text: var(--color-text-muted); /* Use a muted text color for less emphasis */

    /* --- Gradients --- */
    --color-primary-gradient: linear-gradient(135deg, #4c75c8, #5a86e4);
}

/* Basic reset and body styles */
body {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: 'Poppins', sans-serif;
    background-color: var(--color-background);
    color: var(--color-text);
    text-align: justify;
}

/* Theme-aware override for Bootstrap's muted text */
.text-muted {
    color: var(--color-text-muted) !important;
}

/* Utility class to prevent body scrolling when a modal or off-canvas menu is open */
.body-no-scroll {
    overflow: hidden;
}