/* theme.css - Design Token Dictionary for Multi-turnos SaaS */

/* Default Premium Dark Theme */
:root {
    /* 1. Global Backgrounds */
    --theme-bg-main: #0B1121;         /* Deepest app background */
    --theme-bg-surface: #161F38;      /* Cards and Modals */
    --theme-bg-elevated: #223055;     /* Hover states, active items */

    /* 2. Global Borders */
    --theme-border-color: #31426B;    /* Lighter, more visible border */
    --theme-border-focus: #818CF8;

    /* 3. Global Typography & Colors */
    --theme-font-family: 'Inter', sans-serif;
    --theme-text-primary: #F8FAFC;    /* Brighter Headings */
    --theme-text-secondary: #CBD5E1;  /* More readable Labels/subtitles */
    --theme-text-muted: #94A3B8;      /* De-emphasized text */
    --theme-accent: #6366F1;          /* Corporate/Tenant Brand Color */
    --theme-accent-hover: #818CF8;    /* Lighter accent for interactions */

    /* Semantic Colors */
    --theme-success: #34D399;
    --theme-success-bg: rgba(34, 197, 94, 0.1);
    --theme-warning: #F59E0B;
    --theme-warning-bg: rgba(245, 158, 11, 0.1);
    --theme-danger: #EF4444;
    --theme-danger-bg: rgba(239, 68, 68, 0.1);
    --theme-info: #0EA5E9;
    --theme-info-bg: rgba(14, 165, 233, 0.1);

    /* 4. Tables */
    --table-bg: var(--theme-bg-surface);
    --table-bg-header: #0B1121;       /* Darker header for contrast */
    --table-border: var(--theme-border-color);
    --table-text: var(--theme-text-primary);
    --table-hover: var(--theme-bg-elevated);

    /* 5. Inputs & Forms */
    --input-bg: rgba(11, 17, 33, 0.5); /* Slightly transparent main bg inside inputs */
    --input-border: var(--theme-border-color);
    --input-text: var(--theme-text-primary);
    --input-placeholder: var(--theme-text-secondary);

    /* 6. Buttons */
    --btn-primary-bg: var(--theme-accent);
    --btn-primary-text: #FFFFFF;
}

/* Light Mode Overrides */
[data-theme="light"] {
    /* Backgrounds */
    --theme-bg-main: #F8FAFC;
    --theme-bg-surface: #FFFFFF;
    --theme-bg-elevated: #F1F5F9;

    /* Borders */
    --theme-border-color: #E2E8F0;

    /* Typography */
    --theme-text-primary: #0F172A;
    --theme-text-secondary: #475569;
    --theme-text-muted: #94A3B8;

    /* Tables */
    --table-bg: #FFFFFF;
    --table-bg-header: #F1F5F9;
    --table-text: #0F172A;
    --table-border: #E2E8F0;

    /* Semantic Colors - Lighter shades if needed or keep identical to keep brand */
    /* Keeping warning/success/info identical typically works well on light mode too */
}