/*
 * CurlForge — 3-Tier CSS Variable System
 * Layer 1: Base mode (light/dark)
 * Layer 2: Accent colors (club-specific)
 * Layer 3: Header/nav styling
 *
 * Swap this file to change the entire theme.
 */

/* === Layer 1: Base Mode (Light) === */
:root {
    /* Base palette */
    --cf-white: #ffffff;
    --cf-black: #111111;
    --cf-gray-50: #f8f9fa;
    --cf-gray-100: #f1f3f5;
    --cf-gray-200: #e9ecef;
    --cf-gray-300: #dee2e6;
    --cf-gray-400: #ced4da;
    --cf-gray-500: #adb5bd;
    --cf-gray-600: #6c757d;
    --cf-gray-700: #495057;
    --cf-gray-800: #343a40;
    --cf-gray-900: #212529;

    /* Base mode tokens */
    --cf-bg: var(--cf-white);
    --cf-bg-alt: var(--cf-gray-50);
    --cf-bg-card: var(--cf-white);
    --cf-text: var(--cf-gray-900);
    --cf-text-muted: var(--cf-gray-600);
    --cf-text-light: var(--cf-gray-500);
    --cf-border: var(--cf-gray-200);
    --cf-shadow: 0 1px 3px rgba(0,0,0,0.08), 0 1px 2px rgba(0,0,0,0.06);
    --cf-shadow-lg: 0 4px 12px rgba(0,0,0,0.1), 0 2px 4px rgba(0,0,0,0.06);
    --cf-radius: 8px;
    --cf-radius-lg: 12px;
    --cf-radius-sm: 4px;

    /* Typography */
    --cf-font-sans: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
    --cf-font-heading: 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
    --cf-font-size-base: 16px;
    --cf-line-height: 1.6;

    /* === Layer 2: Accent Colors (Vikingland) === */
    --cf-primary: #c0392b;        /* Viking red */
    --cf-primary-hover: #a93226;
    --cf-primary-light: #f9e5e3;
    --cf-primary-rgb: 192, 57, 43;
    --cf-secondary: #c9a84c;      /* Gold */
    --cf-secondary-hover: #b8963d;
    --cf-secondary-light: #faf3e0;
    --cf-accent: var(--cf-secondary);

    /* === Layer 3: Header/Nav === */
    --cf-header-bg: #1a1f2e;      /* Navy */
    --cf-header-text: #e8e9eb;
    --cf-header-text-hover: var(--cf-white);
    --cf-header-accent: var(--cf-secondary);
    --cf-header-height: 64px;

    /* Mobile nav */
    --cf-mobile-nav-bg: var(--cf-header-bg);
    --cf-mobile-nav-text: var(--cf-gray-400);
    --cf-mobile-nav-active: var(--cf-secondary);
    --cf-mobile-nav-height: 64px;

    /* Hero */
    --cf-hero-bg: var(--cf-header-bg);
    --cf-hero-text: var(--cf-white);
    --cf-hero-accent: var(--cf-secondary);

    /* Badges */
    --cf-badge-league: #2980b9;
    --cf-badge-open: #27ae60;
    --cf-badge-learn: #8e44ad;
    --cf-badge-bonspiel: #c0392b;
    --cf-badge-social: #e67e22;
    --cf-badge-meeting: #7f8c8d;
    --cf-badge-rental: #16a085;
    --cf-badge-playdown: #2c3e50;

    /* Sponsor tiers */
    --cf-tier-gold: #c9a84c;
    --cf-tier-silver: #95a5a6;
    --cf-tier-bronze: #b87333;
}