/* Beauty Reserve tokens — verbatim from Design System/tokens/ */
:root{
/* Base */
--br-red:#AB0605;--br-red-deep:#7E0403;--br-red-tint:#F6E7E6;
--br-black:#0E0D0B;--br-ink:#1A1917;--br-ink-2:#55524C;--br-ink-3:#8A867E;
--br-white:#FFFFFF;--br-offwhite:#F6F3EC;--br-offwhite-2:#EFEBE1;
--br-hairline:#E2DDD1;--br-hairline-dark:#2B2A27;
/* Semantic */
--surface-page:var(--br-offwhite);--surface-card:var(--br-white);--surface-inverse:var(--br-black);--surface-accent:var(--br-red);
--text-body:var(--br-ink);--text-muted:var(--br-ink-2);--text-faint:var(--br-ink-3);--text-inverse:var(--br-offwhite);--text-accent:var(--br-red);
--border-default:var(--br-hairline);--border-strong:var(--br-black);
--state-error:var(--br-red);--state-success:#2E5339;
--focus-ring:1px solid var(--br-black);
/* Typography */
--font-logo:'Marcellus',serif;
--font-sans:'Instrument Sans',sans-serif;
--type-display:clamp(32px,4vw,52px);--type-h1:26px;--type-h2:19px;--type-h3:15px;
--type-body:14px;--type-small:12px;--type-label:11px;--type-micro:10px;
--leading-tight:1.1;--leading-snug:1.3;--leading-body:1.6;
--track-wide:.18em;--track-label:.14em;--track-caps:.08em;--track-body:.01em;
--weight-regular:400;--weight-medium:500;--weight-semibold:600;
/* Spacing */
--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:24px;--sp-6:32px;--sp-7:48px;--sp-8:64px;--sp-9:96px;--sp-10:128px;
--page-max:1440px;--page-gutter:clamp(20px,4vw,64px);
--radius-0:0px; /* the system has NO rounded corners */
--hairline:1px solid var(--border-default);
--shadow-none:none; /* no drop shadows; hierarchy via hairlines + space */
--ease-brand:cubic-bezier(.25,.1,.25,1);
--dur-fast:150ms;
--dur-med:300ms;
}
body{margin:0;font-family:var(--font-sans);font-size:var(--type-body);line-height:var(--leading-body);color:var(--text-body);letter-spacing:var(--track-body);background:var(--surface-page)}
a{color:var(--text-body);text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}
a:hover{color:var(--text-accent)}