/* Casa brand colors — literal values observed across Screens + Leaflet (never snapped to a grid). */
:root{
  /* Base surfaces */
  --casa-cream: rgb(251,248,244);       /* app background */
  --casa-cream-2: rgb(242,240,239);     /* secondary cream fill */
  --casa-cream-3: rgb(237,233,224);     /* tertiary cream fill */
  --casa-white: rgb(255,253,252);       /* card surface */
  --casa-white-pure: rgb(255,255,255);  /* pure white, print/leaflet bg */
  --casa-off-white: rgb(248,248,248);
  --casa-tan: rgb(248,241,236);         /* hairline stroke on white */

  /* Ink / text */
  --casa-ink: rgb(36,43,37);            /* primary heading/text — near-black warm green */
  --casa-ink-2: rgb(30,37,33);          /* alt ink, deep-shadow variant */
  --casa-black: rgb(26,26,26);          /* leaflet body copy */
  --casa-muted: rgb(110,117,112);       /* secondary text/labels */
  --casa-muted-2: rgb(107,107,104);     /* tertiary text */
  --casa-slate: rgb(92,101,119);        /* cool-grey text accent */

  /* Brand accent (coral) */
  --casa-coral: rgb(253,78,61);         /* primary accent — progress, emphasis */
  --casa-coral-alt: rgb(255,79,64);
  --casa-coral-10: rgba(253,78,61,0.1);
  --casa-coral-20: rgba(253,78,61,0.2);

  /* Success (on-track) */
  --casa-green: rgb(24,186,47);
  --casa-green-10: rgba(24,186,47,0.1);

  /* Lines */
  --casa-line: rgb(232,232,229);        /* hairline divider/border */

  /* Rare brand utility (secondary, sparing use) */
  --casa-purple: rgb(113,89,161);

  /* Illustration palette (Illustration / Illustration Small family) */
  --casa-illo-navy: rgb(20,35,60);
  --casa-illo-teal: rgb(46,125,107);
  --casa-illo-forest: rgb(28,51,39);
  --casa-illo-pink: rgb(209,36,86);
  --casa-illo-gold: rgb(235,171,60);
  --casa-illo-orange: rgb(232,154,60);
  --casa-illo-sage: rgb(127,184,143);
  --casa-illo-brown: rgb(47,30,27);

  /* Semantic aliases — use these in product UI */
  --color-bg-app: var(--casa-cream);
  --color-bg-surface: var(--casa-white);
  --color-bg-surface-solid: var(--casa-white-pure);
  --color-bg-surface-alt: var(--casa-cream-2);
  --color-text-primary: var(--casa-ink);
  --color-text-secondary: var(--casa-muted);
  --color-text-tertiary: var(--casa-muted-2);
  --color-border: var(--casa-line);
  --color-accent: var(--casa-coral);
  --color-accent-soft: var(--casa-coral-10);
  --color-accent-track: var(--casa-coral-20);
  --color-success: var(--casa-green);
  --color-success-soft: var(--casa-green-10);
}