/* =============================================
   LITTLE ROCK INSIDER - SITE CONFIGURATION

   This is the ONLY file that differs between sites.
   All other CSS is universal.

   To deploy to a new city:
   1. Copy this file
   2. Change the color values
   3. Done
   ============================================= */

:root {
    /* ===========================================
       SITE IDENTITY
       =========================================== */
    --site-name: "Little Rock Insider";
    --site-region: "Central Arkansas";

    /* ===========================================
       PRIMARY ACCENT - The main brand color
       Little Rock = Natural State = Forest Green
       =========================================== */
    --primary-accent: #2D5A27;
    --primary-accent-dark: #1e3d1a;
    --primary-accent-light: #3d7a34;
    --primary-accent-rgb: 45, 90, 39;

    /* ===========================================
       BUTTON TEXT - Contrast color for buttons
       White works on dark accent colors
       Black works on light accent colors (Vegas gold)
       =========================================== */
    --button-text: #ffffff;

    /* ===========================================
       EVERYTHING BELOW IS UNIVERSAL
       Same for ALL sites - do not change
       =========================================== */

    /* Backgrounds - Dark Mode */
    --bg-main: #000000;
    --bg-card: #161616;
    --bg-elevated: #1a1a1a;
    --bg-input: #0d0d0d;

    /* Text Colors */
    --text-main: #ffffff;
    --text-secondary: #e0e0e0;
    --text-muted: #888888;
    --text-subtle: #666666;

    /* Rating Badge - Always Yellow (IMDb style) */
    --star-gold: #F5C518;
    --star-gold-dark: #d4a617;

    /* Borders */
    --border-color: #333333;
    --border-light: #444444;
    --border-card: #262626;

    /* Status Colors */
    --success: #22c55e;
    --warning: #eab308;
    --error: #ef4444;

    /* Third-Party Brands (never change) */
    --yelp-red: #d32323;
    --google-blue: #4285f4;
    --tripadvisor-green: #34e0a1;

    /* Shadows */
    --shadow-card: 0 4px 20px rgba(0, 0, 0, 0.3);
    --shadow-hover: 0 12px 40px rgba(0, 0, 0, 0.5);

    /* Border Radius */
    --radius-sm: 4px;
    --radius-md: 8px;
    --radius-lg: 12px;
    --radius-xl: 16px;
    --radius-pill: 9999px;
}