/* flask_mmc/static/css/main_theme.css */

/* --- 1. Define Your Color Palette & Root Variables --- */
:root {
    --app-primary-color: #007bff;        /* Main primary color (blue) */
    --app-primary-hover-color: #0056b3;  /* A darker shade of blue for hover */
    --app-primary-border-hover-color: #004a99; /* Slightly darker for border on hover */
    --app-primary-color-rgb: 13, 110, 253; /* RGB version for rgba usage */

    --app-secondary-color: #6c757d;      /* Main secondary color (grey) */
    --app-secondary-hover-color: #545b62; /* Darker grey for secondary hover */
    --app-secondary-border-hover-color: #4e555b; /* Darker border for secondary hover */
    --app-secondary-color-rgb: 108, 117, 125; /* RGB version for rgba usage */

    --app-accent-color: #17a2b8;         /* Example: Teal/Info (used as "info" in start.css) */
    --app-accent-hover-color: #117a8b;   /* Darker teal for accent hover */
    --app-accent-color-rgb: 23, 162, 184; /* RGB version for rgba usage */

    /* NEW: Success Color (Green) */
    --app-success-color: #28a745;        /* Bootstrap's default green */
    --app-success-hover-color: #1e7e34;  /* Darker green for hover */
    --app-success-color-rgb: 40, 167, 69;  /* RGB version for rgba usage */

    --app-light-bg: #f8f9fa;
    --app-dark-bg: #343a40;             /* NEW: Bootstrap's dark background color */
    --app-card-background-color: #ffffff; /* NEW: Explicit card background */

    --app-dark-text: #212529;
    --app-light-text: #ffffff;           /* White text */
    --app-border-color: #dee2e6;

    --app-card-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.08); /* Softened shadow */
    --app-card-shadow-hover: 0 0.75rem 1.5rem rgba(0, 0, 0, 0.10); /* Softened hover shadow */

    /* CONSIDER UPDATING for a more modern, rounded feel (matches start.css): */
    --app-border-radius: 0.5rem;         /* Was 0.375rem, 0.5rem is often preferred */
    --app-border-radius-sm: 0.3rem;      /* Was 0.25rem, adjusted proportionally */

    --app-font-sans-serif: 'Nunito Sans', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    --app-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;

    /* NEW: Transition Variables for consistency */
    --app-transition-fast: 0.2s ease-out;
    --app-transition-medium: 0.3s ease-out;
    --app-transition-slow: 0.5s ease-out;
}