/* FindYourCasa design tokens — the single source of truth.
   Loaded before every other stylesheet. Nothing else may redefine a token.
   Legacy aliases at the bottom keep the older casa.css rules on the same values
   while that layer is being consolidated away. */
:root{
  /* brand */
  --casa-orange:#F2633F;
  --casa-orange-hover:#E65330;
  --casa-orange-soft:#FFF0E8;

  /* ink and surfaces */
  --ink:#242220;
  --ink-soft:#5F5A55;
  --ink-faint:#8C857E;
  --canvas:#FCF8F4;
  --surface:#FFFFFF;
  --surface-soft:#F7F1EC;
  --border:#EDE6E0;
  --border-strong:#DFD5CC;

  /* status */
  --success:#3E8E68;--success-soft:#EAF5EE;
  --warning:#C9851D;--warning-soft:#FFF5E2;
  --danger:#C74E45;--danger-soft:#FDEDEC;
  --info:#2B4EA8;--info-soft:#E8EFFF;

  /* spacing */
  --space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;
  --space-5:24px;--space-6:32px;--space-7:48px;--space-8:64px;

  /* radius */
  --radius-sm:12px;--radius-md:18px;--radius-lg:24px;--radius-pill:999px;

  /* elevation: borders first, shadow only for things that float */
  --shadow-soft:0 4px 16px rgba(36,34,32,.06);
  --shadow-float:0 12px 32px rgba(36,34,32,.10);

  /* type */
  --font:"Plus Jakarta Sans",ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  --font-d:var(--font);

  /* ---- legacy aliases, do not use in new code ---- */
  --accent:var(--casa-orange);--accent-600:var(--casa-orange-hover);--accent-soft:var(--casa-orange-soft);--accent-tint:#FBE3D6;
  --hof:var(--ink);--foggy:var(--ink-soft);--grey:#B9B0A8;--bebe:var(--border);--deco:var(--border-strong);
  --faint:var(--surface-soft);--cream:var(--canvas);--cream-2:var(--surface-soft);--white:var(--surface);
  --leaf:var(--success);--leaf-soft:var(--success-soft);--honey:var(--warning);--honey-soft:var(--warning-soft);
  --red:var(--danger);--red-soft:var(--danger-soft);--blue:var(--info);--blue-soft:var(--info-soft);
  --r-card:var(--radius-md);--r-input:14px;--r-xl:var(--radius-md);--r-2xl:var(--radius-lg);--r-pill:var(--radius-pill);
  --sh:var(--shadow-soft);--sh-lift:var(--shadow-float);--sh-search:var(--shadow-float);
  --sh-overlay:0 8px 28px rgba(36,34,32,.28);--sh-menu:0 6px 20px rgba(36,34,32,.18);
}

/* One rule so a display:flex overlay can never sit invisibly over the whole site. */
[hidden]{display:none!important}