@charset "UTF-8";
/**
 * MLS Genie theme — design tokens.
 *
 * The one place a colour, font or shadow value is written. Every other theme
 * stylesheet loads after this file and uses these names — no raw values.
 *
 * Every token holds the exact value the theme already used, so adopting a
 * token never changes how anything looks.
 *
 * Prefix is --site- so these never collide with the plugin's --mlsg- tokens,
 * which load on some front-end views and hold different values.
 *
 * Sections:
 *   1. Brand          5. Status
 *   2. Text           6. Palette (named by family and lightness)
 *   3. Surfaces       7. Transparent tints
 *   4. Borders        8. Third-party colours (window chrome, social, Google)
 *   9. Type and effects
 *  10. Login page
 *  11. Legacy names — the pre-token names, kept so templates not yet migrated
 *      keep working. Remove once nothing references them.
 */

:root {

	/* 1. Brand */
	--site-brand-highlight: #107dbd;  /* brand accent; --site-teal follows it */
	--site-teal: var(--site-brand-highlight, #107dbd);  /* primary action, links */
	--site-teal-dark: #0d6da3;  /* hover / pressed */
	--site-teal-deeper: #0a5a8a;  /* deep emphasis, text on teal tints */
	--site-teal-bg: #e8f4fb;  /* teal-tinted surface */
	--site-teal-bg-light: #f0f7fd;  /* lightest teal tint */
	--site-teal-border: #b3d9f0;  /* teal-tinted border */
	--site-navy: #1a2633;  /* brand navy, heading text */
	--site-navy-deep: #0f172a;  /* deep background (page headers) */
	--site-navy-mid: #1e293b;  /* mid-depth surface */

	/* 2. Text */
	--site-text: #111827;  /* primary text */
	--site-text-med: #374151;
	--site-text-sec: #4b5563;  /* secondary text */
	--site-text-muted: #6b7280;  /* captions, placeholders */
	--site-text-subtle: #5b6675;
	--site-text-on-dark: #cbd5e1;  /* body copy on --site-navy-deep: 12:1 */

	/* 3. Surfaces */
	--site-white: #ffffff;
	--site-black: #000000;
	--site-bg: #f9fafb;  /* page background */
	--site-bg-subtle: #f3f4f6;

	/* 4. Borders */
	--site-border: #e5e7eb;  /* default border */
	--site-border-light: #d1d5db;

	/* 5. Status */
	--site-success: #059669;
	--site-success-bg: #ecfdf5;
	--site-success-border: #86efac;
	--site-danger: #dc2626;
	--site-danger-bg: #fef2f2;
	--site-danger-border: #fecaca;
	--site-warning: #b45309;
	--site-warning-bg: #fffbeb;
	--site-callout: #c2410c; /* Knowledge Base screenshot callouts — 5.2:1 with white */

	/* 6. Palette — literal colours used across the site, named by family
	      and lightness: --site-slate-65 is a slate at 65% lightness, so a higher number is
	      always lighter. A letter suffix separates two colours of the same
	      family and lightness. */
	--site-amber-92: #faeeda;
	--site-amber-89: #fef3c7;
	--site-amber-77b: #fbd38d;
	--site-amber-77: #fde68a;
	--site-amber-72: #fac775;
	--site-amber-65: #fcd34d;
	--site-amber-58: #c9a961;
	--site-amber-56: #fbbf24;
	--site-amber-50: #f59e0b;
	--site-amber-36: #8a6d2f;

	--site-blue-99: #fafcff;
	--site-blue-98: #f8fafc;
	--site-blue-97: #eff6ff;
	--site-blue-96: #f1f5f9;
	--site-blue-96b: #f0f4f8;
	--site-blue-95: #eef2f7;
	--site-blue-95b: #eef3f7;
	--site-blue-93: #dbeafe;
	--site-blue-88: #cfe0f2;
	--site-blue-87: #bfdbfe;
	--site-blue-87b: #cfe0ee;
	--site-blue-82: #a5b4fc;
	--site-blue-78: #93c5fd;
	--site-blue-67: #6366f1;
	--site-blue-53: #2563eb;
	--site-blue-48: #1d4ed8;
	--site-blue-44: #2c61b3;
	--site-blue-40: #1e40af;

	--site-gray-96: #f5f5f6;
	--site-gray-87: #dddddd;
	--site-gray-67: #aaaaaa;
	--site-gray-53: #888888;
	--site-gray-50: #7f7f7f;
	--site-gray-12: #1e1e1e;

	--site-green-97: #f0fdf4;
	--site-green-93: #dcfce7;
	--site-green-45: #22c55e;
	--site-green-44: #5eb22e;
	--site-green-36: #16a34a;
	--site-green-33: #448822;
	--site-green-29: #15803d;
	--site-green-24: #166534;

	--site-indigo-98: #f5f3ff;
	--site-indigo-92: #ddd6fe;
	--site-indigo-66: #8b5cf6;
	--site-indigo-26: #2d1b69;

	--site-lime-91: #eaf3de;
	--site-lime-73: #c0dd97;

	--site-mint-80: #a7f3d0;
	--site-mint-76: #a8dadc;
	--site-mint-67: #6ee7b7;
	--site-mint-58: #5dcaa5;
	--site-mint-52: #34d399;
	--site-mint-39: #10b981;
	--site-mint-35: #0ea5a3;
	--site-mint-35b: #0ea5a4;
	--site-mint-29: #128065;
	--site-mint-20: #065f46;
	--site-mint-16: #1a3a2a;

	--site-navy-35: #475569;
	--site-navy-34: #0e6aa0;
	--site-navy-34b: #40566b;
	--site-navy-33: #3a596f;
	--site-navy-32: #0369a1;
	--site-navy-32b: #3b5168;
	--site-navy-28: #31485e;
	--site-navy-28b: #15457a;
	--site-navy-27: #334155;
	--site-navy-26: #2c4257;
	--site-navy-25: #1b3a64;
	--site-navy-25b: #1e3a5f;
	--site-navy-23: #1a3a5c;
	--site-navy-23c: #2d3748;
	--site-navy-23b: #1d3557;
	--site-navy-22b: #243a4d;
	--site-navy-22: #1d3b52;
	--site-navy-21: #1a3a52;
	--site-navy-20b: #0d3a5a;
	--site-navy-20: #1a2f4a;
	--site-navy-19b: #1a3549;
	--site-navy-19: #10394f;
	--site-navy-18: #1e2d3d;
	--site-navy-17: #0f2a4a;
	--site-navy-15: #14293a;
	--site-navy-14: #162030;
	--site-navy-13: #0f2034;
	--site-navy-13c: #0f2333;
	--site-navy-13d: #0f1e33;
	--site-navy-13b: #0d2233;
	--site-navy-12: #0f1f2e;
	--site-navy-10b: #0f1824;
	--site-navy-10: #0c1a26;
	--site-navy-10c: #0a1628;
	--site-navy-8: #0a1221;
	--site-navy-5: #040e16;

	--site-orange-44: #d97706;
	--site-orange-31: #92400e;
	--site-orange-29: #854d0e;
	--site-orange-26: #78350f;
	--site-orange-26b: #744210;

	--site-purple-98: #fdf4ff;

	--site-red-96: #fdecec;
	--site-red-84: #f5b8b8;
	--site-red-82: #fca5a5;
	--site-red-71: #f87171;
	--site-red-60: #ef4444;
	--site-red-49: #d92228;
	--site-red-42: #b91c1c;
	--site-red-37: #9c2121;
	--site-red-35: #991b1b;

	--site-sky-97: #f0f9ff;
	--site-sky-96: #eef6fb;
	--site-sky-88: #cfe4f1;
	--site-sky-86: #bae6fd;
	--site-sky-83: #bcdcec;
	--site-sky-74: #7dd3fc;
	--site-sky-74b: #9fc3d8;
	--site-sky-73: #7fd0f5;
	--site-sky-72: #7ec8ef;
	--site-sky-70: #7ec4e8;
	--site-sky-64b: #60b8e8;
	--site-sky-64: #5db8e8;
	--site-sky-60: #38bdf8;
	--site-sky-55: #3da5d9;
	--site-sky-48: #0ea5e9;
	--site-sky-44: #457b9d;
	--site-sky-43: #06b6d4;

	--site-slate-96: #f1f5f8;
	--site-slate-91: #e2e8f0;
	--site-slate-87: #d4dee6;
	--site-slate-79: #b8c9db;
	--site-slate-79b: #b8ccdb;
	--site-slate-71: #aab3c2;
	--site-slate-70: #9fb3c4;
	--site-slate-65: #94a3b8;
	--site-slate-65b: #9ca3af;
	--site-slate-63: #8aa3b5;
	--site-slate-62: #8aa0b3;
	--site-slate-49: #5c7f9c;
	--site-slate-47: #64748b;
	--site-slate-45: #5f7285;
	--site-slate-44: #4f7391;
	--site-slate-40: #456a86;

	--site-violet-58: #7c3aed;
	--site-violet-39: #6b21a8;

	--site-yellow-88: #fef9c3;


	/* 7. Transparent tints — base colour name plus opacity percent */
	--site-amber-50-alpha-15: rgba(245, 158, 11, .15);
	--site-amber-50-alpha-18: rgba(245, 158, 11, .18);
	--site-amber-58-alpha-15: rgba(201, 169, 97, .15);
	--site-amber-58-alpha-18: rgba(201, 169, 97, .18);
	--site-black-alpha-10: rgba(0, 0, 0, 0.1);
	--site-black-alpha-12: rgba(0, 0, 0, .12);
	--site-black-alpha-20: rgba(0, 0, 0, .2);
	--site-black-alpha-25: rgba(0, 0, 0, .25);
	--site-black-alpha-30: rgba(0, 0, 0, 0.3);
	--site-black-alpha-4: rgba(0, 0, 0, .04);
	--site-black-alpha-40: rgba(0, 0, 0, .4);
	--site-black-alpha-5: rgba(0, 0, 0, 0.05);
	--site-black-alpha-6: rgba(0, 0, 0, .06);
	--site-black-alpha-7: rgba(0, 0, 0, 0.07);
	--site-black-alpha-8: rgba(0, 0, 0, .08);
	--site-blue-53-alpha-12: rgba(37, 99, 235, 0.12);
	--site-blue-53-alpha-30: rgba(37, 99, 235, 0.3);
	--site-blue-67-alpha-18: rgba(99, 102, 241, .18);
	--site-blue-96-alpha-55: rgba(241, 245, 249, 0.55);
	--site-danger-alpha-12: rgba(220, 38, 38, .12);
	--site-danger-alpha-25: rgba(220, 38, 38, .25);
	--site-danger-alpha-30: rgba(220, 38, 38, 0.3);
	--site-green-36-alpha-12: rgba(22, 163, 74, .12);
	--site-indigo-66-alpha-16: rgba(139, 92, 246, .16);
	--site-mint-58-alpha-15: rgba(93, 202, 165, 0.15);
	--site-navy-13-alpha-25: rgba(15, 32, 52, .25);
	--site-navy-23b-alpha-70: rgba(29, 53, 87, 0.7);
	--site-navy-23c-alpha-70: rgba(45, 55, 72, 0.7);
	--site-navy-35-alpha-12: rgba(71, 85, 105, .12);
	--site-navy-alpha-16: rgba(26, 38, 51, .16);
	--site-navy-alpha-3p5: rgba(26, 38, 51, .035);
	--site-navy-alpha-5p5: rgba(26, 38, 51, .055);
	--site-navy-alpha-6: rgba(26, 38, 51, .06);
	--site-red-60-alpha-18: rgba(239, 68, 68, .18);
	--site-sky-60-alpha-15: rgba(56, 189, 248, .15);
	--site-slate-47-alpha-10: rgba(100, 116, 139, .1);
	--site-slate-47-alpha-18: rgba(100, 116, 139, .18);
	--site-slate-47-alpha-45: rgba(100, 116, 139, .45);
	--site-slate-65-alpha-35: rgba(148, 163, 184, .35);
	--site-success-alpha-10: rgba(5, 150, 105, 0.1);
	--site-success-alpha-12: rgba(5, 150, 105, 0.12);
	--site-success-alpha-15: rgba(5, 150, 105, .15);
	--site-success-alpha-20: rgba(5, 150, 105, .2);
	--site-success-alpha-25: rgba(5, 150, 105, .25);
	--site-success-alpha-30: rgba(5, 150, 105, .3);
	--site-success-alpha-35: rgba(5, 150, 105, .35);
	--site-success-alpha-40: rgba(5, 150, 105, .4);
	--site-success-alpha-50: rgba(5, 150, 105, .5);
	--site-success-alpha-85: rgba(5, 150, 105, .85);
	--site-teal-alpha-0: rgba(16, 125, 189, 0);
	--site-teal-alpha-10: rgba(16, 125, 189, .1);
	--site-teal-alpha-12: rgba(16, 125, 189, 0.12);
	--site-teal-alpha-14: rgba(16, 125, 189, 0.14);
	--site-teal-alpha-15: rgba(16, 125, 189, .15);
	--site-teal-alpha-16: rgba(16, 125, 189, .16);
	--site-teal-alpha-18: rgba(16, 125, 189, .18);
	--site-teal-alpha-2: rgba(16, 125, 189, .02);
	--site-teal-alpha-20: rgba(16, 125, 189, .2);
	--site-teal-alpha-22: rgba(16, 125, 189, .22);
	--site-teal-alpha-25: rgba(16, 125, 189, .25);
	--site-teal-alpha-28: rgba(16, 125, 189, .28);
	--site-teal-alpha-3: rgba(16, 125, 189, .03);
	--site-teal-alpha-30: rgba(16, 125, 189, .3);
	--site-teal-alpha-35: rgba(16, 125, 189, 0.35);
	--site-teal-alpha-4: rgba(16, 125, 189, 0.04);
	--site-teal-alpha-40: rgba(16, 125, 189, 0.4);
	--site-teal-alpha-45: rgba(16, 125, 189, 0.45);
	--site-teal-alpha-5: rgba(16, 125, 189, .05);
	--site-teal-alpha-50: rgba(16, 125, 189, .5);
	--site-teal-alpha-6: rgba(16, 125, 189, .06);
	--site-teal-alpha-7: rgba(16, 125, 189, 0.07);
	--site-teal-alpha-8: rgba(16, 125, 189, .08);
	--site-teal-alpha-80: rgba(16, 125, 189, 0.8);
	--site-teal-alpha-85: rgba(16, 125, 189, .85);
	--site-text-muted-alpha-40: rgba(107, 114, 128, .4);
	--site-violet-39-alpha-20: rgba(107, 33, 168, .2);
	--site-warning-alpha-12: rgba(180, 83, 9, 0.12);
	--site-warning-alpha-25: rgba(180, 83, 9, .25);
	--site-warning-alpha-30: rgba(180, 83, 9, 0.3);
	--site-white-alpha-10: rgba(255, 255, 255, .1);
	--site-white-alpha-12: rgba(255, 255, 255, 0.12);
	--site-white-alpha-15: rgba(255, 255, 255, .15);
	--site-white-alpha-16: rgba(255, 255, 255, .16);
	--site-white-alpha-18: rgba(255, 255, 255, .18);
	--site-white-alpha-2: rgba(255, 255, 255, .02);
	--site-white-alpha-20: rgba(255, 255, 255, .2);
	--site-white-alpha-25: rgba(255, 255, 255, .25);
	--site-white-alpha-3: rgba(255, 255, 255, .03);
	--site-white-alpha-30: rgba(255, 255, 255, 0.3);
	--site-white-alpha-35: rgba(255, 255, 255, .35);
	--site-white-alpha-4: rgba(255, 255, 255, .04);
	--site-white-alpha-40: rgba(255, 255, 255, .4);
	--site-white-alpha-45: rgba(255, 255, 255, .45);
	--site-white-alpha-5: rgba(255, 255, 255, .05);
	--site-white-alpha-50: rgba(255, 255, 255, .5);
	--site-white-alpha-55: rgba(255, 255, 255, .55);
	--site-white-alpha-6: rgba(255, 255, 255, .06);
	--site-white-alpha-60: rgba(255, 255, 255, .6);
	--site-white-alpha-65: rgba(255, 255, 255, 0.65);
	--site-white-alpha-66: rgba(255, 255, 255, .66);
	--site-white-alpha-7: rgba(255, 255, 255, .07);
	--site-white-alpha-70: rgba(255, 255, 255, .7);
	--site-white-alpha-75: rgba(255, 255, 255, .75);
	--site-white-alpha-8: rgba(255, 255, 255, .08);
	--site-white-alpha-80: rgba(255, 255, 255, .8);
	--site-white-alpha-82: rgba(255, 255, 255, .82);
	--site-white-alpha-85: rgba(255, 255, 255, .85);
	--site-white-alpha-9: rgba(255, 255, 255, .09);
	--site-white-alpha-92: rgba(255, 255, 255, .92);
	--site-white-alpha-95: rgba(255, 255, 255, .95);
	--site-white-alpha-97: rgba(255, 255, 255, .97);

	/* 8. Third-party colours — fixed by their owners, never restyled */
	--site-google-blue: #4285f4;
	--site-google-green: #34a853;
	--site-google-red: #ea4335;
	--site-google-yellow: #fbbc05;
	--site-social-facebook: #1877f2;
	--site-social-instagram-1: #f09433;
	--site-social-instagram-2: #e6683c;
	--site-social-instagram-3: #dc2743;
	--site-social-instagram-4: #cc2366;
	--site-social-instagram-5: #bc1888;
	--site-social-linkedin: #0a66c2;
	--site-social-yelp: #d32323;
	--site-social-zillow: #006aff;
	--site-window-close: #fc5c57;
	--site-window-minimize: #fdbc40;
	--site-window-minimize-alt: #febc2e;
	--site-window-zoom: #33c748;
	--site-window-zoom-alt: #28c840;
	--site-wp-gray-0: #f0f0f1;
	--site-wp-gray-10: #c3c4c7;
	--site-wp-gray-2: #f6f7f7;
	--site-wp-gray-30: #8c8f94;
	--site-wp-gray-5: #dcdcde;
	--site-wp-gray-50: #646970;

	/* 9. Type and effects */
	--site-font: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
	--site-shadow-soft: 0 6px 16px var(--site-navy-alpha-5p5), 0 2px 4px var(--site-navy-alpha-3p5);

	/* 10. Login page */
	--site-login-navy: #0c1a26;
	--site-login-navy-2: #14293a;
	--site-login-teal: #107dbd;
	--site-login-teal-dark: #0c649a;
	--site-login-mint: #5dcaa5;

	/* 11. Legacy names */
	--brand-highlight: var(--site-brand-highlight);
	--teal: var(--site-teal);
	--teal-dark: var(--site-teal-dark);
	--teal-deeper: var(--site-teal-deeper);
	--teal-bg: var(--site-teal-bg);
	--teal-bg-light: var(--site-teal-bg-light);
	--teal-border: var(--site-teal-border);
	--navy: var(--site-navy);
	--navy-deep: var(--site-navy-deep);
	--navy-mid: var(--site-navy-mid);
	--mlsg-shadow-soft: var(--site-shadow-soft);
	--text: var(--site-text);
	--text-med: var(--site-text-med);
	--text-sec: var(--site-text-sec);
	--text-muted: var(--site-text-muted);
	--text-subtle: var(--site-text-subtle);
	--text-on-dark: var(--site-text-on-dark);
	--white: var(--site-white);
	--bg: var(--site-bg);
	--bg-subtle: var(--site-bg-subtle);
	--border: var(--site-border);
	--border-light: var(--site-border-light);
	--success: var(--site-success);
	--success-bg: var(--site-success-bg);
	--success-border: var(--site-success-border);
	--danger: var(--site-danger);
	--danger-bg: var(--site-danger-bg);
	--danger-border: var(--site-danger-border);
	--warning: var(--site-warning);
	--warning-bg: var(--site-warning-bg);
	--font: var(--site-font);
}