/* Hua Hin Property List — design tokens v1.0 (19 Oct 2026)
   Source of truth: docs/design/DESIGN-SYSTEM.md · import before every other stylesheet */
/* Fonts are self-hosted in public/css/fonts.css (DESIGN-SYSTEM.md §9), loaded right after this file. */

:root {
  /* color */
  --c-navy-900:#0B1F38; --c-navy-800:#0F2A4A; --c-navy-600:#1E3F6E;
  --c-gold-500:#C69A4F; --c-gold-700:#7A5A1E;
  --c-ivory:#FAF8F3; --c-sand-100:#F4EFE6; --c-surface:#FFFFFF; --c-line:#E4DDD0; --c-input-line:#CFC7B8;
  --c-ink:#1B2433; --c-ink-2:#4A5463; --c-muted:#5A6473;
  --c-success:#1F7A45; --c-warning:#B4561B; --c-danger:#B42318; --c-info:#2D6FB5;
  --c-line-brand:#06A94A; /* LINE button */
  --c-whatsapp:#1B7F4B;  /* WhatsApp outline (text contrast on white) */
  /* tints for icon tiles, alerts and hover (added in the app, derived from the palette above) */
  --c-navy-050:#E9EEF5; --c-gold-100:#F6EEDD; --c-success-100:#E3F1E8; --c-danger-100:#FBEAE8; --c-warning-100:#FCEFE3; --c-info-100:#E6EFF9;
  --c-danger-ink:#7A1A12; --c-warning-ink:#6B3410; --c-disabled:#D9D4CA; --c-shimmer:#F7F3EC; /* message text, disabled button, skeleton highlight (from 00-master-design) */

  /* calendar / room status (always pair with icon + text) */
  --st-ready-bg:#CDE8D2;    --st-ready-fg:#14532D;
  --st-occupied-bg:#1E3F6E; --st-occupied-fg:#FFFFFF;
  --st-reserved-bg:#E9CF97; --st-reserved-fg:#4A3410;
  --st-pending-line:#B4561B; --st-pending-fg:#8A3F12;   /* dashed outline, white fill */
  --st-maint-bg:#D5DAE1;    --st-maint-fg:#2F3742;
  --st-blocked-a:#EFEAE1;   --st-blocked-b:#E2DBCF;     /* 135deg stripes */
  --st-owner-end:#C69A4F;   /* 2-3px vertical marker = owner lease end */

  /* type */
  --f-display:'Kanit',system-ui,sans-serif; /* headings 500-600 */
  --f-body:'Kanit',system-ui,sans-serif;    /* body 300-400, UI 500 */
  --fs-display:clamp(40px,6vw,68px); --fs-h1:44px; --fs-h2:32px; --fs-h3:22px;
  --fs-body:16px; --fs-small:14px; --fs-label:12px;

  /* space · radius · shadow · layout */
  --s-1:4px; --s-2:8px; --s-3:12px; --s-4:16px; --s-6:24px; --s-8:32px; --s-12:48px; --s-16:64px; --s-24:96px;
  --r-sm:6px; --r-md:10px; --r-lg:16px; --r-pill:999px;
  --shadow-1:0 1px 2px rgba(15,42,74,.06),0 8px 24px rgba(15,42,74,.08);
  --shadow-2:0 1px 2px rgba(15,42,74,.06),0 16px 40px rgba(15,42,74,.12);
  --focus-ring:0 0 0 3px var(--c-ivory),0 0 0 6px var(--c-gold-500);
  --container:1200px; --tap:44px; --admin-sidebar:240px; --filter-sidebar:280px;
}

/* Thai text needs a little more leading */
:lang(th) { line-height: 1.7; }
body { margin:0; background:var(--c-ivory); color:var(--c-ink); font-family:var(--f-body); font-size:var(--fs-body); line-height:1.6; }
h1,h2,h3 { font-family:var(--f-display); color:var(--c-navy-800); font-weight:600; }
:focus-visible { outline:none; box-shadow:var(--focus-ring); border-radius:var(--r-md); }