/* SuredaAnalytics theme tokens.
   Dark is the default and matches the existing site. Light is a second
   palette for the same layout. Pages opt in by using these variables;
   hardcoded sport styles stay dark until that page is themed. */

:root {
    color-scheme: dark;

    --page-bg: #05070d;
    --page-bg-elevated: #0b111c;
    --card-bg: rgba(11, 16, 27, 0.78);
    --text-primary: #ffffff;
    --text-secondary: rgba(255, 255, 255, 0.74);
    --text-muted: rgba(255, 255, 255, 0.50);
    --border-color: rgba(255, 255, 255, 0.10);
    --border-strong: rgba(255, 255, 255, 0.16);

    --nav-bg: #0a0e1a;
    --nav-text: rgba(255, 255, 255, 0.88);
    --nav-text-strong: #ffffff;
    --nav-muted: rgba(255, 255, 255, 0.45);
    --nav-border: rgba(0, 255, 157, 0.10);
    --nav-accent: #00ff9d;
    --nav-accent-soft: rgba(0, 255, 157, 0.10);
    --nav-accent-mid: rgba(0, 255, 157, 0.15);
    --nav-menu-bg: rgba(8, 12, 24, 0.97);
    --nav-menu-border: rgba(0, 255, 157, 0.15);
    --nav-shadow: rgba(0, 0, 0, 0.40);

    --nav-hover-nba: #E03A3E;
    --nav-hover-nfl: #a5acaf;
    --nav-hover-mlb: #4394ff;
    --nav-hover-cfb: #FFD700;
    --nav-hover-fantasy: #00ff9d;
    --nav-hover-tennis: #c2ff66;
    --nav-hover-pricing: #ffcc00;

    /* Ranking fills. Meaning stays with the existing grade; these are the
       light-safe counterparts for later pages. Not applied globally yet. */
    --rank-good-bg: rgba(0, 255, 157, 0.14);
    --rank-good-text: #00ff9d;
    --rank-mid-bg: rgba(251, 191, 36, 0.14);
    --rank-mid-text: #fbbf24;
    --rank-bad-bg: rgba(248, 113, 113, 0.14);
    --rank-bad-text: #f87171;
}

html[data-theme="light"] {
    color-scheme: light;

    --page-bg: #f4f6f8;
    --page-bg-elevated: #ffffff;
    --card-bg: #ffffff;
    --text-primary: #111827;
    --text-secondary: #3d4a5c;
    --text-muted: #5b6777;
    --border-color: #dce1e8;
    --border-strong: #c5ced8;

    --nav-bg: #ffffff;
    --nav-text: #1f2937;
    --nav-text-strong: #111827;
    --nav-muted: #6b7280;
    --nav-border: rgba(17, 24, 39, 0.08);
    --nav-accent: #047857;
    --nav-accent-soft: rgba(4, 120, 87, 0.08);
    --nav-accent-mid: rgba(4, 120, 87, 0.14);
    --nav-menu-bg: #ffffff;
    --nav-menu-border: rgba(17, 24, 39, 0.10);
    --nav-shadow: rgba(17, 24, 39, 0.12);

    --nav-hover-nba: #E03A3E;
    --nav-hover-nfl: #4b5563;
    --nav-hover-mlb: #1d4ed8;
    --nav-hover-cfb: #a16207;
    --nav-hover-fantasy: #047857;
    --nav-hover-tennis: #4d7c0f;
    --nav-hover-pricing: #a16207;

    --rank-good-bg: #d1fae5;
    --rank-good-text: #047857;
    --rank-mid-bg: #fef3c7;
    --rank-mid-text: #a16207;
    --rank-bad-bg: #fee2e2;
    --rank-bad-text: #b91c1c;
}