/*
 * Panther Robotics theme tokens.
 *
 * Brand colors: Bonney Lake High School's official colors are teal & black.
 * Hex values sourced from blhs.sumnersd.org's own theme CSS
 * (--primary-color: #007e8b, --secondary-color: #000000); every color used
 * site-wide flows from this one file. There is no yellow/amber in either the
 * school or team palette — attention/contrast is achieved by reversing
 * foreground and background within teal/black/white, not with an accent hue.
 */
:root {
    /* Raw palette */
    --color-black: #000000;
    --color-teal-900: #013f46;
    --color-teal-700: #007e8b;
    --color-teal-600: #00a5b5;
    --color-teal-100: #e1f5f6;
    --color-white: #ffffff;
    --color-gray-50: #f7f9f9;
    --color-gray-100: #edf1f1;
    --color-gray-300: #cbd5d5;
    --color-gray-600: #566262;
    --color-gray-900: #1e2626;

    /* Semantic tokens */
    --bg: var(--color-white);
    --bg-alt: var(--color-gray-50);
    --bg-inverse: var(--color-teal-900);
    --text: var(--color-gray-900);
    --text-muted: var(--color-gray-600);
    --text-inverse: var(--color-white);
    --text-inverse-muted: rgba(255, 255, 255, 0.75);
    --brand-primary: var(--color-teal-700);
    --brand-primary-hover: var(--color-teal-900);
    --border: var(--color-gray-300);
    --border-inverse: rgba(255, 255, 255, 0.25);
    --focus-ring: #2563eb;

    /* Type + spacing */
    --font-body: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    /* Bold serif to match the lettering on the team crest (public/assets/img/brand/team-logo.jpg) */
    --font-heading: 'Cinzel', Georgia, 'Times New Roman', serif;
    --radius: 8px;
    --shadow: 0 1px 3px rgba(20, 24, 26, 0.1), 0 1px 2px rgba(20, 24, 26, 0.08);
    --container-width: 1120px;
}

@media (prefers-color-scheme: dark) {
    :root {
        --bg: #101414;
        --bg-alt: #171d1d;
        --text: #eef2f2;
        --text-muted: #a9b6b6;
        --border: #2a3333;
        --color-teal-100: #0d2b2d;
    }
}