/* ================================================================
   MT24 Theme: Dark — Dark mode
   Full dark color scheme, keeps Modern typography and shapes
   ================================================================ */

:root {
    /* Text — light on dark */
    --mt24-text: #F3F4F6;
    --mt24-text-secondary: #D1D5DB;
    --mt24-text-muted: #6B7280;
    --mt24-text-inverse: #111827;

    /* Backgrounds — dark surfaces */
    --mt24-bg: #111827;
    --mt24-bg-soft: #1F2937;
    --mt24-bg-muted: #374151;
    --mt24-bg-dark: #030712;
    --mt24-bg-overlay: rgba(0, 0, 0, 0.7);

    /* Borders — dark edges */
    --mt24-border: #374151;
    --mt24-border-light: #1F2937;
    --mt24-border-dark: #4B5563;

    /* Primary — slightly brighter for contrast on dark */
    --mt24-primary-light: rgba(59, 130, 246, 0.15);

    /* Shadows — subtle glow instead of dark drop */
    --mt24-shadow-xs: 0 1px 2px rgba(0, 0, 0, 0.3);
    --mt24-shadow: 0 1px 3px rgba(0, 0, 0, 0.4), 0 1px 2px rgba(0, 0, 0, 0.3);
    --mt24-shadow-md: 0 4px 6px rgba(0, 0, 0, 0.4), 0 2px 4px rgba(0, 0, 0, 0.3);
    --mt24-shadow-lg: 0 10px 15px rgba(0, 0, 0, 0.4), 0 4px 6px rgba(0, 0, 0, 0.3);
    --mt24-shadow-xl: 0 20px 25px rgba(0, 0, 0, 0.5), 0 10px 10px rgba(0, 0, 0, 0.3);

    /* Layout — dark header/footer */
    --mt24-header-bg: #1F2937;
    --mt24-footer-bg: #030712;
    --mt24-footer-text: #9CA3AF;

    /* Semantic — slightly adjusted for dark backgrounds */
    --mt24-success: #34D399;
    --mt24-danger: #F87171;
    --mt24-warning: #FBBF24;
    --mt24-info: #60A5FA;

    /* Fonts — same as modern */
    --mt24-font-heading: 'Inter', system-ui, sans-serif;
    --mt24-font-body: 'Inter', system-ui, sans-serif;

    /* Shapes — same as modern */
    --mt24-radius: 8px;
    --mt24-radius-lg: 12px;
    --mt24-radius-xl: 16px;
}