/*
 * LocalImpact Variables
 */
:root {
  /* ===== START LocalImpact Color Values ===== */
  /* ===== PRIMARY COLOR (Blue #0077e6) ===== */
  /* Lighter shades */
  --primary-25: #F9FBFF;
  /* Even lighter - barely tinted white */
  --primary-40: #F5F9FF;
  /* Very subtle blue tint */
  --primary-45: #EDF5FF;
  --primary-100: #e5f1fc;
  /* Soft blue tint */
  --primary-110: #D9EFFF;
  --primary-200: #cce3fa;
  --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-50: #f5f7f9;
  --gray-100: #e8ecf0;
  --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;
  /* ===== 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: rgba(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: #fbbc05;
  --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 */
  /* ===== RGB ===== */
  /* White */
  --bs-white-rgb: 255, 255, 255;
  /* White */
  --blue-mouseover-rgb: 76, 159, 237;
  /* White */
  --bs-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);
}