:root{
/* ---- Brand palette (from Opulynk Style Guide, Color Variations sheet) ---- */
--bone:#F0EBE1;--blush:#F1D5CE;--taupe:#CCC0B4;--camel:#AF9A80;--bronze:#8D6D51;--espresso:#3F3121;

/* ---- Neutral ramp: derived from the palette, warm-grey axis ---- */
--n-0:#FFFDFA;--n-50:#FAF7F2;--n-100:#F0EBE1;--n-200:#E4DDD1;--n-300:#CCC0B4;--n-400:#B3A597;--n-500:#94836F;--n-600:#75634E;--n-700:#5A4936;--n-800:#3F3121;--n-900:#2A2016;

/* ---- Blush + bronze tints/shades (oklch-derived, same hue axis) ---- */
--blush-50:#FBF0ED;--blush-100:#F1D5CE;--blush-200:#E4BBB1;--blush-300:#D19E92;
--bronze-100:#E0D2C4;--bronze-200:#C3AA92;--bronze-300:#A78468;--bronze-400:#8D6D51;--bronze-500:#75593F;--bronze-600:#5C452F;

/* ---- Semantic status (additions: brand sheet defines no status colours; tuned to the warm axis) ---- */
--status-success:#5E7A5A;--status-success-bg:#E9EFE6;
--status-warning:#A8763A;--status-warning-bg:#F7EBDC;
--status-danger:#9C4A3C;--status-danger-bg:#F6E4E0;
--status-info:#5B6B7A;--status-info-bg:#E7EBEF;

/* ---- Semantic surfaces ---- */
--surface-page:var(--n-50);
--surface-card:var(--n-0);
--surface-raised:#FFFFFF;
--surface-sunken:var(--n-100);
--surface-inverse:var(--espresso);
--surface-accent:var(--blush-50);
--surface-accent-strong:var(--blush);
--surface-overlay:rgba(42,32,22,.44);

/* ---- Semantic text ---- */
--text-heading:var(--espresso);
--text-body:var(--n-700);
--text-muted:var(--n-500);
--text-subtle:var(--n-400);
--text-inverse:var(--bone);
--text-accent:var(--bronze);
--text-link:var(--bronze-500);
--text-link-hover:var(--espresso);

/* ---- Semantic lines ---- */
--line-hairline:rgba(63,49,33,.10);
--line-soft:rgba(63,49,33,.16);
--line-strong:rgba(63,49,33,.30);
--line-focus:var(--bronze);

/* ---- Interactive ---- */
--action-primary:var(--espresso);
--action-primary-hover:var(--n-900);
--action-primary-text:var(--bone);
--action-secondary:transparent;
--action-secondary-border:var(--line-strong);
--action-accent:var(--bronze);
--action-accent-hover:var(--bronze-500);
--action-disabled:var(--n-200);
--action-disabled-text:var(--n-400);
}
