/* Dazos Command Center — Shared Theme v1.0 */ /* Dark navy modern theme */ @import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap'); :root { --bg-primary: #0a0f1e; --bg-secondary: #111827; --bg-card: #1a2236; --bg-card-hover: #1f2b42; --bg-input: #0d1525; --border-color: #2a3550; --border-hover: #3a4a6a; --text-primary: #e8edf5; --text-secondary: #94a3b8; --text-muted: #64748b; --dazos-blue: #179CD8; --dazos-blue-dark: #1489BF; --dazos-blue-light: #3ab4e8; --accent-green: #22c55e; --accent-red: #ef4444; --accent-yellow: #eab308; --accent-purple: #a855f7; --shadow: 0 4px 24px rgba(0, 0, 0, 0.3); --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.2); --radius: 12px; --radius-sm: 8px; --radius-xs: 4px; --font: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif; --transition: all 0.2s ease; } /* ===== THEME OVERRIDE LAYER ===== */ /* Applied via .dcc-theme class on to avoid breaking existing styles */ body.dcc-theme { font-family: var(--font) !important; background: var(--bg-primary) !important; color: var(--text-primary) !important; line-height: 1.6; -webkit-font-smoothing: antialiased; } body.dcc-theme * { font-family: inherit; } /* Scrollbar */ body.dcc-theme ::-webkit-scrollbar { width: 8px; height: 8px; } body.dcc-theme ::-webkit-scrollbar-track { background: var(--bg-secondary); } body.dcc-theme ::-webkit-scrollbar-thumb { background: var(--border-color); border-radius: 4px; } body.dcc-theme ::-webkit-scrollbar-thumb:hover { background: var(--border-hover); } /* Links */ body.dcc-theme a { color: var(--dazos-blue-light); text-decoration: none; transition: var(--transition); } body.dcc-theme a:hover { color: var(--dazos-blue); } /* Headings */ body.dcc-theme h1, body.dcc-theme h2, body.dcc-theme h3 { color: var(--text-primary); font-weight: 600; } body.dcc-theme h1 { font-size: 2rem; letter-spacing: -0.02em; } body.dcc-theme h2 { font-size: 1.5rem; } body.dcc-theme h3 { font-size: 1.25rem; } /* Buttons */ body.dcc-theme .dcc-btn, body.dcc-theme button:not([class*="firebase"]) { font-family: var(--font); border-radius: var(--radius-sm); transition: var(--transition); cursor: pointer; } /* Tables */ body.dcc-theme table { border-collapse: collapse; width: 100%; } body.dcc-theme th { background: var(--bg-secondary); color: var(--text-primary); font-weight: 600; text-align: left; padding: 12px 16px; border-bottom: 2px solid var(--border-color); } body.dcc-theme td { padding: 10px 16px; border-bottom: 1px solid var(--border-color); color: var(--text-secondary); } body.dcc-theme tr:hover td { background: var(--bg-card-hover); } /* Cards */ body.dcc-theme .dcc-card { background: var(--bg-card); border: 1px solid var(--border-color); border-radius: var(--radius); padding: 24px; box-shadow: var(--shadow-sm); transition: var(--transition); } body.dcc-theme .dcc-card:hover { border-color: var(--border-hover); box-shadow: var(--shadow); } /* Inputs */ body.dcc-theme input:not([type="checkbox"]):not([type="radio"]), body.dcc-theme select, body.dcc-theme textarea { background: var(--bg-input); border: 1px solid var(--border-color); color: var(--text-primary); padding: 10px 14px; border-radius: var(--radius-sm); font-family: var(--font); font-size: 14px; transition: var(--transition); } body.dcc-theme input:focus, body.dcc-theme select:focus, body.dcc-theme textarea:focus { border-color: var(--dazos-blue); outline: none; box-shadow: 0 0 0 3px rgba(23, 156, 216, 0.15); } /* Override common light backgrounds */ body.dcc-theme [style*="background: #f"], body.dcc-theme [style*="background:#f"], body.dcc-theme [style*="background: white"], body.dcc-theme [style*="background-color: #f"], body.dcc-theme [style*="background-color:#f"], body.dcc-theme [style*="background-color: white"] { background: var(--bg-card) !important; color: var(--text-primary) !important; } body.dcc-theme [style*="color: #333"], body.dcc-theme [style*="color:#333"], body.dcc-theme [style*="color: #2c"], body.dcc-theme [style*="color:#2c"] { color: var(--text-primary) !important; } body.dcc-theme [style*="color: #666"], body.dcc-theme [style*="color:#666"], body.dcc-theme [style*="color: #777"], body.dcc-theme [style*="color:#777"] { color: var(--text-secondary) !important; } body.dcc-theme [style*="border: 1px solid #"], body.dcc-theme [style*="border:1px solid #"] { border-color: var(--border-color) !important; } /* Override linear gradients on body */ body.dcc-theme { background: var(--bg-primary) !important; } /* Mobile responsive */ @media (max-width: 768px) { body.dcc-theme { padding: 12px !important; } body.dcc-theme h1 { font-size: 1.5rem; } body.dcc-theme h2 { font-size: 1.25rem; } body.dcc-theme .dcc-card { padding: 16px; } }