/* YuccaHub brand theme — green-dominant (logo teal + lime, blue as accent) */
:root {
    --primary-green: #00ACC1;
    --dark-green: #00838F;
    --secondary-blue: #1E88E5;
    --indigo: #3949AB;
    --teal: #00ACC1;
    --accent-lime: #76FF03;
    --accent-green: #00E676;
    --light-green: #E0F7FA;
    --light-teal: #E8F5E9;
    --white: #ffffff;
    --shadow: 0 4px 24px rgba(0, 172, 193, 0.1);
    --shadow-hover: 0 12px 32px rgba(0, 172, 193, 0.18);
    --shadow-card: 0 2px 12px rgba(0, 0, 0, 0.06);
    --border-radius: 14px;
    --border-radius-sm: 10px;
    --transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
    --text-primary: #1a2e35;
    --text-secondary: #5a7a82;
    --border: #e0f2f1;
    --sidebar-gradient: linear-gradient(175deg, #00695C 0%, #00838F 20%, #00ACC1 55%, #26C6DA 80%, #69F0AE 100%);
    --nav-hover: linear-gradient(135deg, #00ACC1 0%, #00E676 100%);
    --bg-gradient: linear-gradient(160deg, #E0F7FA 0%, #E8F5E9 45%, #F1F8E9 100%);
    --input-bg: #f8fdfc;
    --header-accent: linear-gradient(90deg, #00838F, #00ACC1, #00E676, #76FF03);
    --table-header-bg: var(--light-green);
    --table-row-hover: var(--light-green);
    --table-row-stripe: rgba(224, 247, 250, 0.45);
    --table-border: rgba(0, 131, 143, 0.12);
    --modal-overlay: rgba(15, 35, 40, 0.62);
    --modal-z: 10050;
}

[data-theme="dark"] {
    --white: #152428;
    --text-primary: #f0fdfa;
    --text-secondary: #94b8b8;
    --border: #1e3a3f;
    --light-green: #0d3d3d;
    --light-teal: #0a2e2e;
    --bg-gradient: linear-gradient(160deg, #0a1214 0%, #0f1f24 50%, #152428 100%);
    --shadow: 0 4px 24px rgba(0, 0, 0, 0.35);
    --shadow-hover: 0 12px 32px rgba(0, 0, 0, 0.45);
    --shadow-card: 0 2px 12px rgba(0, 0, 0, 0.25);
    --input-bg: #1e3a3f;
    --sidebar-gradient: linear-gradient(175deg, #004D40 0%, #00695C 30%, #00838F 60%, #00ACC1 100%);
    --table-header-bg: var(--light-green);
    --table-row-hover: var(--light-green);
    --table-row-stripe: rgba(13, 61, 61, 0.35);
    --table-border: rgba(255, 255, 255, 0.08);
    --modal-overlay: rgba(0, 0, 0, 0.78);
}