/* ============================================================
   TeeBox IQ — club color themes.
   Each block overrides only the green ramp; everything else in
   app.css references these variables, so the whole UI recolors.
   Order of vars: 900 800 700 600 500 100 50
   ============================================================ */
[data-theme="green"]{--green-900:#166534;--green-800:#15803d;--green-700:#16a34a;--green-600:#22c55e;--green-500:#22c55e;--green-100:#dcfce7;--green-50:#f0fdf4}
[data-theme="darkgreen"]{--green-900:#052e16;--green-800:#14532d;--green-700:#166534;--green-600:#15803d;--green-500:#16a34a;--green-100:#dcfce7;--green-50:#f0fdf4}
[data-theme="lime"]{--green-900:#365314;--green-800:#3f6212;--green-700:#4d7c0f;--green-600:#65a30d;--green-500:#84cc16;--green-100:#ecfccb;--green-50:#f7fee7}
[data-theme="teal"]{--green-900:#134e4a;--green-800:#115e59;--green-700:#0f766e;--green-600:#0d9488;--green-500:#14b8a6;--green-100:#ccfbf1;--green-50:#f0fdfa}
[data-theme="turquoise"]{--green-900:#164e63;--green-800:#155e75;--green-700:#0e7490;--green-600:#0891b2;--green-500:#22d3ee;--green-100:#cffafe;--green-50:#ecfeff}
[data-theme="skyblue"]{--green-900:#0c4a6e;--green-800:#075985;--green-700:#0369a1;--green-600:#0284c7;--green-500:#0ea5e9;--green-100:#e0f2fe;--green-50:#f0f9ff}
[data-theme="blue"]{--green-900:#1e3a8a;--green-800:#1e40af;--green-700:#1d4ed8;--green-600:#2563eb;--green-500:#3b82f6;--green-100:#dbeafe;--green-50:#eff6ff}
[data-theme="purple"]{--green-900:#581c87;--green-800:#6b21a8;--green-700:#7e22ce;--green-600:#9333ea;--green-500:#a855f7;--green-100:#f3e8ff;--green-50:#faf5ff}
[data-theme="lavender"]{--green-900:#5b21b6;--green-800:#6d28d9;--green-700:#7c3aed;--green-600:#8b5cf6;--green-500:#a78bfa;--green-100:#ede9fe;--green-50:#f5f3ff}
[data-theme="pink"]{--green-900:#831843;--green-800:#9d174d;--green-700:#be185d;--green-600:#db2777;--green-500:#ec4899;--green-100:#fce7f3;--green-50:#fdf2f8}
[data-theme="rose"]{--green-900:#881337;--green-800:#9f1239;--green-700:#be123c;--green-600:#e11d48;--green-500:#f43f5e;--green-100:#ffe4e6;--green-50:#fff1f2}
[data-theme="red"]{--green-900:#7f1d1d;--green-800:#991b1b;--green-700:#b91c1c;--green-600:#dc2626;--green-500:#ef4444;--green-100:#fee2e2;--green-50:#fef2f2}
[data-theme="yellow"]{--green-900:#713f12;--green-800:#854d0e;--green-700:#a16207;--green-600:#ca8a04;--green-500:#eab308;--green-100:#fef9c3;--green-50:#fefce8}
/* Bright yellow: vivid buttons/accents (600/500) with deep-gold nav/text (700-900). */
[data-theme="brightyellow"]{--green-900:#713f12;--green-800:#854d0e;--green-700:#a16207;--green-600:#facc15;--green-500:#fde047;--green-100:#fef9c3;--green-50:#fefce8}
/* Bright-yellow primary buttons need dark text (white is unreadable on #facc15). */
[data-theme="brightyellow"] .btn-primary{color:#422006}
[data-theme="brightyellow"] .btn-primary:hover{background:var(--green-500);color:#422006}
[data-theme="silver"]{--green-900:#1e293b;--green-800:#334155;--green-700:#475569;--green-600:#64748b;--green-500:#94a3b8;--green-100:#f1f5f9;--green-50:#f8fafc}
[data-theme="gray"]{--green-900:#111827;--green-800:#1f2937;--green-700:#374151;--green-600:#4b5563;--green-500:#6b7280;--green-100:#f3f4f6;--green-50:#f9fafb}
[data-theme="black"]{--green-900:#030712;--green-800:#0f172a;--green-700:#111827;--green-600:#1f2937;--green-500:#374151;--green-100:#e5e7eb;--green-50:#f3f4f6}