/* Homes in Georgia design tokens — from the brand book.
   Blue #032D6A, deep blue #021F4A, red #E3172D (plaques only, ≤10% of a screen),
   white, light grey #F3F5F9 (cards), grey-blue #4A5A75 (secondary text).
   Font: HG Sans; web fallback Montserrat + Noto Sans Georgian. */
:root {
  --brand: #032D6A;
  --brand-strong: #021F4A;
  --brand-600: #0A3C85;
  --brand-soft: #E6ECF5;
  --brand-tint: #F3F5F9;
  --accent: #E3172D;
  --accent-soft: #FDE8EA;
  --ok: #0F7B55;
  --ok-soft: #E6F5EE;

  --ink: #021F4A;
  --ink-2: #2B3B57;
  --muted: #4A5A75;
  --faint: #8C98AD;
  --line: #E3E8F0;
  --line-2: #D3DBE7;
  --canvas: #F3F5F9;
  --surface: #FFFFFF;

  --font: 'HG Sans', 'Montserrat', 'Noto Sans Georgian', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;

  --r-sm: 10px;
  --r: 16px;
  --r-lg: 24px;
  --r-xl: 32px;
  --pill: 999px;

  --shadow-sm: 0 1px 2px rgba(15, 27, 45, .06), 0 1px 1px rgba(15, 27, 45, .04);
  --shadow: 0 6px 24px rgba(14, 42, 85, .08), 0 2px 6px rgba(14, 42, 85, .05);
  --shadow-lg: 0 24px 60px rgba(14, 42, 85, .16), 0 6px 18px rgba(14, 42, 85, .08);

  --ease: cubic-bezier(.2, .8, .2, 1);
  --spring: cubic-bezier(.34, 1.4, .64, 1);

  /* Glass (Apple-style frosted surfaces) */
  --glass: rgba(255, 255, 255, .58);
  --glass-strong: rgba(255, 255, 255, .74);
  --glass-dark: rgba(2, 31, 74, .72);
  --glass-edge: rgba(255, 255, 255, .7);
  --glass-line: rgba(3, 45, 106, .08);
  --glass-blur: saturate(180%) blur(22px);
  --glass-shadow: 0 10px 36px rgba(3, 45, 106, .10), inset 0 1px 0 rgba(255, 255, 255, .85);
  --container: 1320px;
  --gutter: 16px;
  --header-h: 68px;
}

@media (min-width: 640px) { :root { --gutter: 24px; } }
@media (min-width: 1100px) { :root { --gutter: 32px; --header-h: 76px; } }

/* Dark theme (switch in the header, remembered in localStorage hig:theme). Light stays the main one. */
:root { --link: var(--brand); }
html[data-theme="dark"] {
  color-scheme: dark;
  --brand-soft: #1A2740;
  --brand-tint: #161F33;
  --accent-soft: #3A1620;
  --ok-soft: #10291F;
  --ink: #EEF2F9;
  --ink-2: #C9D2E3;
  --muted: #98A4BB;
  --faint: #6B7890;
  --line: rgba(255, 255, 255, .08);
  --line-2: rgba(255, 255, 255, .14);
  --canvas: #0B1220;
  --surface: #121A2A;
  --link: #8FB4FF;
  --shadow-sm: 0 1px 2px rgba(0, 0, 0, .4);
  --shadow: 0 6px 24px rgba(0, 0, 0, .35), 0 2px 6px rgba(0, 0, 0, .25);
  --shadow-lg: 0 24px 60px rgba(0, 0, 0, .5), 0 6px 18px rgba(0, 0, 0, .3);
  --glass: rgba(18, 26, 42, .58);
  --glass-strong: rgba(18, 26, 42, .78);
  --glass-dark: rgba(255, 255, 255, .12);
  --glass-edge: rgba(255, 255, 255, .1);
  --glass-line: rgba(255, 255, 255, .08);
  --glass-shadow: 0 10px 36px rgba(0, 0, 0, .35), inset 0 1px 0 rgba(255, 255, 255, .06);
}