/* style.css */
:root {
    --bg-color: #0a0f1c;
    --text-color: #e0e6ed;
    --primary: #00f3ff; /* Athena Blue */
    --secondary: #1a2332;
    --alert: #ff3939;
    --success: #00ff88;
    --font-main: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    --font-mono: 'Courier New', Courier, monospace;
}

/* THEME: IN TIME */
body.theme-intime {
    --bg-color: #000000;
    --text-color: #39ff14;
    --primary: #39ff14;
    --secondary: #111;
    --font-main: 'Courier New', Courier, monospace;
}

/* THEME: CURRENCY */
body.theme-currency {
    --bg-color: #f4f4f4;
    --text-color: #333;
    --primary: #d4af37; /* Gold */
    --secondary: #fff;
    --font-main: 'Georgia', serif;
}

body {
    background-color: var(--bg-color);
    color: var(--text-color);
    font-family: var(--font-main);
    margin: 0;
    padding: 0;
    transition: background 0.3s ease;
}

.container { max-width: 1200px; margin: 0 auto; padding: 20px; }
.card { background: var(--secondary); padding: 20px; border-radius: 8px; box-shadow: 0 4px 6px rgba(0,0,0,0.3); margin-bottom: 20px; }
h1, h2, h3 { margin-top: 0; color: var(--primary); }

/* Utility */
.btn {
    padding: 10px 20px;
    border: none;
    cursor: pointer;
    font-weight: bold;
    text-transform: uppercase;
    background: var(--primary);
    color: #000;
    transition: opacity 0.2s;
}
.btn:hover { opacity: 0.8; }
.btn-danger { background: var(--alert); color: #fff; }
.flex-row { display: flex; justify-content: space-between; align-items: center; gap: 10px; }
table { width: 100%; border-collapse: collapse; }
th, td { padding: 12px; text-align: left; border-bottom: 1px solid #444; }
input, select { padding: 10px; background: #000; border: 1px solid #555; color: #fff; }