/* Theme Variables and CSS Custom Properties */

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;600;700&display=swap');

/* Dark theme (default) */
:root {
    --primary-color: #0a7cff;
    --secondary-color: #0ab48a;
    --bg-color: #1a1a1a;
    --text-color: #f0f0f0;
    --card-bg: #2c2c2c;
    --border-color: #444;
    --input-bg: #333;
    --table-accent: #2c2c2c;
    --alert-info-bg: #1c3e5e;
    --alert-info-text: #cce5ff;
    --alert-danger-bg: #5c2121;
    --alert-danger-text: #f8d7da;
}

/* Light theme */
[data-theme="light"] {
    --primary-color: #0a7cff;
    --secondary-color: #0ab48a;
    --bg-color: #f8f9fa;
    --text-color: #1a1a1a;
    --card-bg: #ffffff;
    --border-color: #cfd4da;
    --input-bg: #ffffff;
    --table-accent: #e9ecef;
    --alert-info-bg: #d1ecf1;
    --alert-info-text: #0c5460;
    --alert-danger-bg: #f8d7da;
    --alert-danger-text: #721c24;
}