/* ATMOS Common Styles — shared variables, reset, animations */

:root {
    --bg: #0c0e14;
    --surface: #161922;
    --surface2: #1c2030;
    --surface3: #222638;
    --border: #2a2e3f;
    --border-light: #353a50;
    --text: #e1e4ed;
    --text-dim: #7b819a;
    --text-muted: #4e5370;
    --accent: #3b82f6;
    --accent-hover: #2563eb;
    --accent-glow: rgba(59, 130, 246, 0.15);
    --accent-border: rgba(59, 130, 246, 0.3);
    --success: #22c55e;
    --success-bg: rgba(34, 197, 94, 0.08);
    --success-border: rgba(34, 197, 94, 0.25);
    --error: #ef4444;
    --error-bg: rgba(239, 68, 68, 0.08);
    --error-border: rgba(239, 68, 68, 0.25);
    --warn: #f59e0b;
    --warn-bg: rgba(245, 158, 11, 0.08);
    --warn-border: rgba(245, 158, 11, 0.25);
    --offline: #6b7280;
    --offline-bg: rgba(107, 114, 128, 0.08);
    --overlay: rgba(0, 0, 0, 0.7);
    --overlay-heavy: rgba(0, 0, 0, 0.95);
    --shadow-modal: rgba(0, 0, 0, 0.5);
    --shadow-dropdown: rgba(0, 0, 0, 0.4);
    --shadow-toast: rgba(0, 0, 0, 0.3);
    --row-hover: rgba(255, 255, 255, 0.03);
    --row-hover-strong: rgba(255, 255, 255, 0.06);
    color-scheme: dark;
}

[data-theme="light"] {
    --bg: #f0f1f5;
    --surface: #ffffff;
    --surface2: #f5f6f8;
    --surface3: #eaecf0;
    --border: #d0d4dc;
    --border-light: #e2e5eb;
    --text: #2c3040;
    --text-dim: #6b7084;
    --text-muted: #9498a8;
    --accent: #4a76c4;
    --accent-hover: #3d65ad;
    --accent-glow: rgba(74, 118, 196, 0.1);
    --accent-border: rgba(74, 118, 196, 0.25);
    --success: #3a8a5c;
    --success-bg: rgba(58, 138, 92, 0.07);
    --success-border: rgba(58, 138, 92, 0.2);
    --error: #c0504d;
    --error-bg: rgba(192, 80, 77, 0.06);
    --error-border: rgba(192, 80, 77, 0.2);
    --warn: #b8862e;
    --warn-bg: rgba(184, 134, 46, 0.06);
    --warn-border: rgba(184, 134, 46, 0.2);
    --offline: #7a7f8e;
    --offline-bg: rgba(122, 127, 142, 0.06);
    --overlay: rgba(0, 0, 0, 0.4);
    --overlay-heavy: rgba(0, 0, 0, 0.7);
    --shadow-modal: rgba(0, 0, 0, 0.12);
    --shadow-dropdown: rgba(0, 0, 0, 0.1);
    --shadow-toast: rgba(0, 0, 0, 0.08);
    --row-hover: rgba(0, 0, 0, 0.03);
    --row-hover-strong: rgba(0, 0, 0, 0.05);
    color-scheme: light;
}

* { margin: 0; padding: 0; box-sizing: border-box; }

.mono { font-family: 'JetBrains Mono', monospace; }

@keyframes pulse {
    0%, 100% { opacity: 0.4; }
    50% { opacity: 1; }
}

@keyframes fadeUp {
    from { opacity: 0; transform: translateY(6px); }
    to { opacity: 1; transform: translateY(0); }
}