/* ============================================
   MASTER THEME FILE
   Imports all design tokens and applies theme
   ============================================ */

/* Import all token files */
@import 'colors.css';
@import 'typography.css';
@import 'spacing.css';
@import 'effects.css';

/* ===== BASE THEME STYLES ===== */
[data-theme="dark"] {
    background: var(--bg-primary);
    color: var(--text-primary);
    font-family: var(--font-primary);
    font-size: var(--font-size-sm);
    line-height: var(--line-height-normal);
}

[data-theme="dark"] body {
    background: var(--bg-primary);
    color: var(--text-primary);
    overflow-x: hidden;
}

/* Ensure smooth color transitions during theme switch */
* {
    transition: background-color var(--transition-base),
        color var(--transition-base),
        border-color var(--transition-base);
}

/* Remove transitions for specific elements that should change instantly */
*:hover,
*:focus,
*:active {
    transition: none;
}

/* Re-apply transitions for specific properties */
a,
button,
.btn,
.card {
    transition: var(--transition-all);
}