:root{
  --brand-canvas:#F3F0E9;
  --brand-surface:#F8F6F1;
  --brand-surface-raised:#FCFBF8;
  --brand-ink:#121419;
  --brand-ink-soft:#25272B;
  --brand-text:#56585C;
  --brand-muted:#85837D;
  --brand-border:#D9D5CD;
  --brand-border-soft:#E8E4DC;
  --brand-mist:#EFEEE9;
  --brand-navy:#101A2C;
  --brand-navy-soft:#263247;
  --brand-terracotta:#C76A52;
  --brand-warm-red:#B95545;
  --brand-olive:#77765B;
  --brand-moss:#535C4C;
  --brand-success:#4F6657;
  --brand-warning:#9B7447;
  --brand-danger:#A54E43;
  --brand-info:#52647E;
  --brand-focus:rgba(38,50,71,.17);
  --brand-shadow-xs:0 1px 2px rgba(18,20,25,.035);
  --brand-shadow-sm:0 10px 28px rgba(18,20,25,.045);
  --brand-shadow-md:0 24px 64px rgba(18,20,25,.075);
  --brand-shadow-lg:0 42px 120px rgba(18,20,25,.11);
  --brand-radius-sm:10px;
  --brand-radius-md:16px;
  --brand-radius-lg:22px;
  --brand-ease:cubic-bezier(.16,1,.3,1);
}