/* Horizon Finder — design tokens.
   Mist-green surfaces, canopy green for action, the logo's blue for "in the house", coral and amber for sold and held.
   Fonts are self-hosted (public/assets/fonts) so nothing depends on a third-party CDN. */

@font-face { font-family: 'Inter'; src: url('../fonts/inter-Regular.woff') format('woff'); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: 'Inter'; src: url('../fonts/inter-Medium.woff') format('woff'); font-weight: 500; font-style: normal; font-display: swap; }
@font-face { font-family: 'Inter'; src: url('../fonts/inter-SemiBold.woff') format('woff'); font-weight: 600; font-style: normal; font-display: swap; }
@font-face { font-family: 'Inter'; src: url('../fonts/inter-Bold.woff') format('woff'); font-weight: 700; font-style: normal; font-display: swap; }
@font-face { font-family: 'Lora'; src: url('../fonts/lora-var.woff') format('woff'); font-weight: 400 700; font-style: normal; font-display: swap; }

:root {
  color-scheme: light;

  /* Surfaces */
  --mist: #F3F7F4;
  --mist-2: #E9F0EB;
  --mist-3: #DCE7E0;
  --paper: #FFFFFF;
  --line: #D8E2DB;
  --line-strong: #B9C9BF;

  /* Text */
  --ink: #15302A;
  --ink-2: #3F574E;
  --ink-3: #66796F;
  --ink-4: #8FA196;

  /* Brand */
  --canopy: #1B5A47;
  --canopy-hover: #144636;
  --canopy-tint: #E1EFE8;
  --horizon: #0865CC;
  --horizon-tint: #E2EEFB;
  --finder: #20BA52;

  /* Status — each has a solid colour, a tint for chips and a text colour that passes contrast on the tint */
  --st-enquiry: #6F86A0;    --st-enquiry-bg: #EBF0F6;    --st-enquiry-ink: #3F566F;
  --st-tentative: #E0A21B;  --st-tentative-bg: #FBF0D0;  --st-tentative-ink: #6E4A00;
  --st-hold: #D9811A;       --st-hold-bg: #FCE8CF;       --st-hold-ink: #703B00;
  --st-confirmed: #277A59;  --st-confirmed-bg: #DDF0E6;  --st-confirmed-ink: #145238;
  --st-in: #0865CC;         --st-in-bg: #DCEBFA;         --st-in-ink: #07478C;
  --st-out: #8CA398;        --st-out-bg: #E7EEE9;        --st-out-ink: #46594F;
  --st-cancelled: #C9503C;  --st-cancelled-bg: #FBE4DF;  --st-cancelled-ink: #8A2A1A;
  --st-noshow: #8E5A8B;     --st-noshow-bg: #F1E4F0;     --st-noshow-ink: #5B3358;
  --st-blocked: #5F6F82;    --st-blocked-bg: #E6EAEF;    --st-blocked-ink: #3B4757;

  --sold: #E4624B;
  --sold-bg: #FBE6E1;
  --held: #E3A21A;
  --danger: #B9402D;
  --danger-bg: #FBE4DF;
  --ok: #1F7A55;
  --warn: #8A5A00;
  --warn-bg: #FBF0D0;

  /* Type */
  --font-ui: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', 'Noto Sans Malayalam', sans-serif;
  --font-display: 'Lora', 'Inter', Charter, 'Iowan Old Style', Georgia, serif;
  --fs-2xs: 10.5px;
  --fs-xs: 11.5px;
  --fs-sm: 12.75px;
  --fs-base: 14px;
  --fs-md: 15.5px;
  --fs-lg: 18px;
  --fs-xl: 22px;
  --fs-2xl: 28px;
  --fs-3xl: 38px;

  /* Space & shape */
  --s1: 4px; --s2: 8px; --s3: 12px; --s4: 16px; --s5: 20px; --s6: 24px; --s8: 32px; --s10: 40px; --s12: 48px;
  --r-sm: 6px; --r-md: 10px; --r-lg: 16px; --r-xl: 22px; --r-pill: 999px;
  --shadow-pop: 0 10px 30px -6px rgba(21, 48, 42, .28), 0 2px 6px rgba(21, 48, 42, .10);
  --shadow-sheet: 0 -8px 40px rgba(21, 48, 42, .22);

  /* Layout */
  --rail-w: 232px;
  --topbar-h: 58px;
  --tabbar-h: 62px;
  --gutter: 16px;
  --safe-bottom: env(safe-area-inset-bottom, 0px);
  --safe-top: env(safe-area-inset-top, 0px);

  --ease: cubic-bezier(.2, .75, .2, 1);
  --focus: 0 0 0 3px rgba(8, 101, 204, .35);
}

@media (min-width: 900px) {
  :root { --gutter: 28px; --fs-base: 14.25px; }
}

:root {
  --ridges: url('../img/ridges.svg');
  --ridges-dark: url('../img/ridges-dark.svg');
}