/*
 * LocalImpact Variables
 */
:root {
  /* ===== START LocalImpact Color Values ===== */
  /* ===== PRIMARY COLOR (Blue #0077e6) ===== */
  /* Lighter shades */
  --primary-25: #F9FBFF;
  /* Even lighter - barely tinted white */
  --primary-30: #F9FBFD;
  --primary-40: #F5F9FF;
  /* Very subtle blue tint */
  --primary-45: #EDF5FF;
  --primary-45: #ECF7FF;
  --primary-100: #E5F1FC;
  /* Soft blue tint */
  --primary-110: #D9EFFF;
  --primary-200: #CCE3FA;
  --primary-220: #C0E0FF;
  --primary-260: #8DC2F5;
  --primary-300: #4C9FED;
  /* Base primary color */
  --primary: #0077E6;
  /* Darker shades */
  --primary-600: #005FB8;
  --primary-700: #002F5C;
  --primary-800: #0C2340;
  --primary-830: #133A5F;
  --primary-850: #132A4A;
  /* ===== SECONDARY COLOR (Navy #0c2340) ===== */
  /* Lighter shades */
  --secondary-100: #E6E9EB;
  --secondary-200: #CED3D8;
  --secondary-300: #4C9FED;
  /* Base secondary color */
  --secondary: #0C2340;
  /* Darker shades */
  --secondary-600: #091C33;
  --secondary-700: #040E19;
  --secondary-800: #030A13;
  /* ===== GRAY SCALE ===== */
  --gray-10: #FCFDFE;
  --gray-20: #FAFBFC;
  --gray-30: #F8F9FB;
  --gray-40: #F6F8FA;
  --gray-50: #F5F7F9;
  --gray-60: #F1F4F7;
  --gray-70: #EDF1F5;
  --gray-80: #EAEEF3;
  --gray-90: #E9EDF1;
  --gray-100: #E8ECF0;
  --gray-130: #E3E8EE;
  --gray-160: #DBE1E7;
  --gray-200: #D3D9E0;
  --gray-300: #B7C1CC;
  --gray-400: #94A3AF;
  --gray-500: #6B7884;
  --gray-600: #49535D;
  --gray-700: #2F3841;
  --gray-800: #171E26;
  --gray-900: #030A13;
  /* Dark variant */
  --dark: var(--primary-800);
  --light: var(--gray-50);
  /* Black Scale */
  --black-100: #F5F5F5;
  --black-200: var(--gray-200);
  --black-300: #B3B3B3;
  --black-400: #888888;
  --black-500: #444444;
  --black-600: #333;
  --black-700: #222329;
  --black-800: #141419;
  --black-900: #000000;
  --black: var(--primary-800);
  /* Other Gray Variants */
  --gray2: var(--gray-100);
  --gray-heading-color: var(--gray-400);
  --light-gray: #F1F3F6;
  --lightest-gray: #F9F9F9;
  --light-gray-10: #FAFAFA;
  --light-gray-20: #F8F8F8;
  --light-gray-30: #F5F5F5;
  --light-gray-40: #F2F2F2;
  --light-gray-50: #EFEFEF;
  --light-gray-60: #EBEBEB;
  --light-gray-70: #E8E8E8;
  --light-gray-80: #E5E5E5;
  --light-gray-90: #E0E0E0;
  --light-gray-95: #E1E1E1;
  --light-gray-100: #DCDCDC;
  --light-gray-v2: var(--gray-50);
  --light-gray-v3: var(--gray-100);
  --light-gray-v4: var(--gray-100);
  --light-slate: #DFE3F2;
  /* Green */
  --green-50: #ECFDF5;
  --green-100: #A7F3D0;
  --green-200: #6EE7B7;
  --green-300: #34D399;
  --green-400: #10B981;
  --green-500: #059669;
  --green-600: #047857;
  --green-700: #03714C;
  --green-800: #065F46;
  --green-900: #064E3B;
  /* Red */
  --red-50: #FEF2F2;
  --red-100: #FECACA;
  --red-200: #FCA5A5;
  --red-300: #F87171;
  --red-400: #EF4444;
  --red-500: #DC2626;
  --red-600: #C81E1E;
  --red-700: #B91C1C;
  --red-800: #991B1B;
  --red-900: #7F1D1D;
  --invalid-red: #DC3545;
  /* ===== Alerts ===== */
  --alert-primary-background-color: #E3F0FF;
  --alert-primary-border-color: #A9D2FF;
  --alert-primary-text-color: #0066CC;
  --alert-primary-indicator-color: #A9D2FF;
  --alert-secondary-background-color: #F3F4F6;
  --alert-secondary-border-color: #D1D5DB;
  --alert-secondary-text-color: #374151;
  --alert-secondary-indicator-color: #D1D5DB;
  --alert-danger-background-color: var(--red-50);
  --alert-danger-border-color: var(--red-100);
  --alert-danger-text-color: var(--red-700);
  --alert-danger-indicator-color: var(--red-100);
  --alert-dark-background-color: #1F2937;
  --alert-dark-border-color: #111827;
  --alert-dark-text-color: #F9FAFB;
  --alert-dark-indicator-color: #111827;
  --alert-info-background-color: #E8F6FF;
  --alert-info-border-color: #B8E6FF;
  --alert-info-text-color: #0284C7;
  --alert-info-indicator-color: #B8E6FF;
  --alert-light-background-color: #F8FAFC;
  --alert-light-border-color: #E2E8F0;
  --alert-light-text-color: #64748B;
  --alert-light-indicator-color: #E2E8F0;
  --alert-success-background-color: var(--green-50);
  --alert-success-border-color: var(--green-100);
  --alert-success-text-color: var(--green-700);
  --alert-success-indicator-color: var(--green-700);
  --alert-warning-background-color: #FFFBEB;
  --alert-warning-border-color: #FDE68A;
  --alert-warning-text-color: #B45309;
  --alert-warning-indicator-color: #FDE68A;
  /* ===== Badges ===== */
  --badge-primary-bg-color: #A9D2FF;
  --badge-primary-color: var(--alert-primary-text-color);
  --badge-secondary-bg-color: #D1D5DB;
  --badge-secondary-color: var(--alert-secondary-text-color);
  --badge-danger-bg-color: #FECACA;
  --badge-danger-color: var(--alert-danger-text-color);
  --badge-dark-bg-color: #111827;
  --badge-dark-color: var(--alert-dark-text-color);
  --badge-info-bg-color: #B8E6FF;
  --badge-info-color: var(--alert-info-text-color);
  --badge-light-bg-color: #E2E8F0;
  --badge-light-color: var(--alert-light-text-color);
  --badge-success-bg-color: var(--green-100);
  --badge-success-color: var(--alert-success-text-color);
  --badge-warning-bg-color: #FDE68A;
  --badge-warning-color: var(--alert-warning-text-color);
  /* ===== Body ===== */
  --body-font-size: 16px;
  --body-text-color: #243953;
  /* ===== Buttons ===== */
  --button-font-size-xs: 12px;
  --button-font-size-sm: 14px;
  --button-font-size-md: 16px;
  --button-font-size-lg: 18px;
  /* ===== Card ===== */
  --card-border-color: var(--light-gray-95);
  /* ===== Form ===== */
  --input-border-color: var(--secondary-100);
  --input-border-radius: 4px;
  /* ===== Review Widget Colors ===== */
  --gray-star: #CCCECF;
  --star-inactive: var(--gray-200);
  --star-selected: #FFB400;
  --star-color: #FFB400;
  /* ===== Brands ===== */
  --amex-blue: #016CC9;
  --discover-orange: #FF6600;
  --mastercard-red: #E4001A;
  --mastercard-orange: #EF991A;
  --visa-blue: #1332C5;
  --facebook-color: #1773EA;
  --google-blue: #1A73E8;
  --google-green: #229342;
  --google-red: #E33B2E;
  --google-yellow: #FBC116;
  --yelp-color: #F71919;
  --zillow-color: #006AFF;
  /* ===== Table */
  --table-border-color: var(--gray-100);
  /* ===== Other Plugins ===== */
  --swiper-theme-color: var(--dark);
  /* ===== Utilities ===== */
  --border-color: var(--gray-100);
  --border-radius-xs: 4px;
  --border-radius-sm: 8px;
  --border-radius: 12px;
  --page-link-color: #C6CDD3;
  --placeholder: #8D959D;
  --overlay-color: rgb(31 50 81 / 0.8);
  --box-shadow: 0 0 1.5rem rgb(132 168 243 / 10%);
  --shadow-color: rgb(132 168 243 / 10%);
  --text-muted: var(--gray-500);
  --transition-all: all 0.3s ease;
  /* ===== Other Color Values ===== */
  /* Blue Variants */
  --azure-blue: #007AFF;
  --blue: var(--primary);
  --blue-v2: var(--primary-300);
  --blue-mouseover: var(--primary-300);
  --dark-blue: #222329;
  --light-violet-blue: #353C70;
  --light-violet-gray: #5B5C77;
  --dark-blue-violet: #323456;
  --dark-violet-blue: #242745;
  --dark-navy: var(--primary-800);
  --electric-blue: #4FDFFF;
  --electric-blue-light: #DAF9FF;
  --light-blue: var(--primary-25);
  --light-blue-v2: var(--primary-45);
  --light-blue-v3: var(--primary-45);
  --light-blue-v4: var(--primary-25);
  --light-blue-v5: var(--primary-100);
  --light-blue-v6: var(--primary-200);
  --light-blue-v7: var(--primary-25);
  --light-blue-v8: #87C5FF;
  --lighter: var(--primary-25);
  --lightest: var(--primary-25);
  --navy: #253179;
  --pale-aqua: #E6F7FE;
  --pale-blue: #EBF4FF;
  --pale-blue-gray: var(--gray-200);
  --vivid-sky-blue: #41CAFF;
  /* Brown Variants */
  --brown: #AA6A51;
  --brown-light: #EFE9E0;
  /* Green Variants */
  --aqua-green: #2ACCB4;
  --avocado: #9CBE7E;
  --dark-green: #029E6B;
  --dark-turquoise: #36B5B4;
  --green: #4FC626;
  --green2: #3CBA54;
  --green-mouseover: #4FCA8B;
  --light-turquoise: #01C0A4;
  --pale-avocado: #9CBE7E;
  --pale-green: var(--alert-success-background-color);
  --pale-green2: var(--alert-success-background-color);
  --pale-light-turquoise: #E2FFFA;
  /* Purple/Magenta Variants */
  --light-purple: #F2E0FF;
  --magenta: #FF07C3;
  --magenta-light: #FDD9F4;
  --purple: #5B53FF;
  --purple2: #9C3CEF;
  --violet: #A60DFB;
  /* Red Variants */
  --carmine-red: #AA0708;
  --crimson: #FA5D4B;
  --pale-google-red: #F7DFE1;
  --pale-pink: #FBEAEB;
  --pale-red: var(--red-50);
  --red-mouseover: var(--red-500);
  --red2: var(--alert-danger-text-color);
  --red3: var(--alert-danger-text-color);
  --red-light: #FF8282;
  --text-danger: var(--alert-danger-text-color);
  /* Orange/Yellow/Gold Variants */
  --gold: #DC9705;
  --blog-orange: #ED7E1F;
  --dark-orange: #FFA303;
  --orange: #FD7E15;
  --orange-v2: #FCB02A;
  --pale-dark-orange: #FEF5E4;
  --pale-orange: #FFF8E5;
  --pale-orange2: #FFEED2;
  --pale-yellow: #FFF8E5;
  --yellow: #FFC947;
  --yellow-v2: #F7B216;
  --yellow-v3: #FFD76A;
  --yellow-orange: #F5C30E;
  /* Orange Variants */
  /* ===== LocalImpact custom RGB format (space-separated) - for modern rgb() syntax */
  --li-white-rgb: 255 255 255;
  --li-blue-mouseover-rgb: 76 159 237;
  --li-text-body-rgb: 36 57 83;
  /* ===== Font ===== */
  --font-inter: "Inter", -apple-system, BlinkMacSystemFont,
    "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif,
    "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --font-poppins: var(--font-inter);
  --font-family-poppins: var(--font-inter);
  --font-family-circular: var(--font-inter);
  --font-family-sans-serif: var(--font-inter);
}