:root{
/* Copper — primary */
--copper-50:#FBF0E7;--copper-100:#F5DDC8;--copper-200:#E9BB94;--copper-300:#DB9860;
--copper-400:#C97C42;--copper-500:#B5652E;--copper-600:#954F22;--copper-700:#763D1B;
--copper-800:#582D15;--copper-900:#3D1F0F;

/* Graphite/brown — neutrals */
--graphite-50:#F7F1E8;--graphite-100:#EEE5D8;--graphite-200:#DDD1C2;--graphite-300:#BFAF9F;
--graphite-400:#998572;--graphite-500:#7A6656;--graphite-600:#5F4D40;--graphite-700:#4A3B31;
--graphite-800:#362A22;--graphite-900:#241C17;

/* Bone — base */
--bone-0:#FDFAF5;--bone-100:#FAF6F0;

/* Verdigris — accent (copper patina) */
--verdigris-100:#E1EBE6;--verdigris-300:#9DBCAE;--verdigris-500:#4F7565;--verdigris-700:#385A4C;

/* Semantic */
--ochre-500:#B8842B;--brick-500:#A33B2B;

/* Aliases */
--color-brand:var(--copper-500);
--color-brand-hover:var(--copper-600);
--color-brand-active:var(--copper-700);
--color-accent:var(--verdigris-500);
--color-success:var(--verdigris-500);
--color-warning:var(--ochre-500);
--color-danger:var(--brick-500);

--bg-page:var(--bone-100);
--bg-surface:var(--bone-0);
--bg-surface-raised:#FFFFFF;
--bg-sunken:var(--graphite-100);
--bg-inverse:var(--graphite-900);

--text-primary:var(--graphite-900);
--text-secondary:var(--graphite-600);
--text-tertiary:var(--graphite-400);
--text-on-brand:var(--bone-0);
--text-on-inverse:var(--graphite-100);
--text-link:var(--copper-600);
--text-link-hover:var(--copper-700);

--border-subtle:var(--graphite-200);
--border-default:var(--graphite-300);
--border-strong:var(--graphite-500);
--border-brand:var(--copper-500);
}