@charset "UTF-8";

/** Housekey design foundations. */
:root {
  --housekey-navy: #1E3A8A;
  --housekey-orange: #FF8A00;
  --housekey-text: #1F2937;
  --housekey-bg: #F7F9FC;
  --housekey-white: #FFFFFF;
  --housekey-beige: #FFF4E5;
  --housekey-space-xs: 0.5rem;
  --housekey-space-sm: 1rem;
  --housekey-space-md: 1.5rem;
  --housekey-space-lg: 2.5rem;
  --housekey-space-xl: 4rem;
  --housekey-radius-sm: 0.5rem;
  --housekey-radius-md: 1rem;
  --housekey-radius-lg: 1.5rem;
  --housekey-container-width: 72rem;
  --housekey-font-size-sm: 0.875rem;
  --housekey-font-size-base: 1rem;
  --housekey-font-size-lg: 1.125rem;
  --housekey-line-height-tight: 1.4;
  --housekey-line-height-base: 1.75;
  --housekey-border-color: #E5E7EB;
  --housekey-shadow-subtle: 0 1px 3px rgb(31 41 55 / 8%);
  --housekey-focus-color: #FF8A00;
  --housekey-focus-ring: 0 0 0 3px rgb(255 138 0 / 28%);
  --housekey-tap-target: 2.75rem;
}

.housekey-container {
  width: min(100% - 2rem, var(--housekey-container-width));
  margin-inline: auto;
}

.housekey-section { padding-block: var(--housekey-space-xl); }

.housekey-stack {
  display: flex;
  flex-direction: column;
  gap: var(--housekey-space-md);
}