:root{

--dd-teal:#61bdb7;
--dd-teal-dim:#4fb5af;
--dd-teal-light:#85ccc7;
--dd-teal-deep:#108474;
--dd-navy:#242253;
--dd-navy-dark:#0c0c1d;

--dd-text:#3e4761;
--dd-text-price:#1c1d1d;
--dd-text-on-teal:#ffffff;
--dd-text-on-navy:#ffffff;

--dd-bg:#ffffff;
--dd-bg-dim:#f2f2f2;
--dd-bg-light-dim:#fafafa;
--dd-bg-medium-dim:#f5f5f5;
--dd-bg-image:#f4f4f4;
--dd-border:#e8e8e1;

--dd-gold:#fdbd32;
--dd-pink:#f082b4;
--dd-cart-dot:#e47538;
--dd-sale-text:#C20000;

--dd-text-a05:rgba(62,71,97,.05);
--dd-text-a08:rgba(62,71,97,.08);
--dd-text-a15:rgba(62,71,97,.15);
--dd-modal-bg:rgba(230,230,230,.6);

--action-primary:var(--dd-teal);
--action-primary-hover:var(--dd-teal-dim);
--action-primary-disabled:var(--dd-teal-light);
--text-body:var(--dd-text);
--text-strong:var(--dd-text-price);
--text-heading:var(--dd-navy);
--text-accent:var(--dd-teal-deep);
--surface-page:var(--dd-bg);
--surface-card:var(--dd-bg);
--surface-dim:var(--dd-bg-dim);
--surface-footer:var(--dd-navy);
--border-default:var(--dd-border);
--border-input:var(--dd-text-a15);
}