:root{
/* Base — brand */
--willow-50:#f2fcf3;--willow-100:#e2f8e5;--willow-200:#c7f1cd;--willow-300:#adebb3;--willow-400:#8ad894;--willow-500:#63bd70;--willow-600:#449b53;--willow-700:#327a41;--willow-800:#255c31;--willow-900:#173c20;
--door-50:#fff1f1;--door-100:#ffdcdc;--door-200:#ffb8b8;--door-300:#ff8a8a;--door-400:#fe5153;--door-500:#fd2124;--door-600:#e01013;--door-700:#b30b0e;--door-800:#8a0a0c;--door-900:#5c0708;

/* Base — neutrals, warmed toward the house's cream walls + oak floors */
--bark-50:#faf8f4;--bark-100:#f2eee6;--bark-200:#e4ded1;--bark-300:#cfc6b4;--bark-400:#aaa08c;--bark-500:#867c68;--bark-600:#665e4f;--bark-700:#4b463b;--bark-800:#332f28;--bark-900:#1d1b17;
--white:#ffffff;

/* Base — accents pulled from the house */
--oak-400:#b9793c;--oak-500:#9a5f2b;/* floors + wainscot */
--teal-500:#1391b0;/* bath accent wall */
--dusk-600:#4d5c66;/* misty-mountain shower curtain */

/* Semantic — text */
--text-body:var(--bark-800);--text-heading:var(--bark-900);--text-muted:var(--bark-600);--text-subtle:var(--bark-500);--text-inverse:var(--bark-50);--text-on-brand:var(--willow-900);--text-link:var(--willow-700);--text-link-hover:var(--willow-800);--text-danger:var(--door-700);

/* Semantic — surfaces */
--surface-page:var(--bark-50);--surface-card:var(--white);--surface-raised:var(--white);--surface-sunken:var(--bark-100);--surface-brand:var(--willow-300);--surface-brand-soft:var(--willow-50);--surface-accent:var(--door-500);--surface-accent-soft:var(--door-50);--surface-forest:var(--willow-900);--surface-overlay:rgba(29,27,23,.58);

/* Semantic — lines */
--border-subtle:var(--bark-200);--border-default:var(--bark-300);--border-strong:var(--bark-400);--border-brand:var(--willow-500);--border-accent:var(--door-500);--border-focus:var(--willow-700);

/* Semantic — interactive */
--action-primary:var(--door-500);--action-primary-hover:var(--door-600);--action-primary-active:var(--door-700);--action-primary-fg:var(--white);
--action-secondary:var(--willow-300);--action-secondary-hover:var(--willow-400);--action-secondary-active:var(--willow-500);--action-secondary-fg:var(--willow-900);
--action-ghost-hover:var(--bark-100);--action-disabled:var(--bark-200);--action-disabled-fg:var(--bark-400);

/* Semantic — status */
--status-success:var(--willow-700);--status-success-soft:var(--willow-100);--status-warning:#c8820e;--status-warning-soft:#fdf1d9;--status-danger:var(--door-600);--status-danger-soft:var(--door-100);--status-info:var(--teal-500);--status-info-soft:#dcf1f6;
}
