:root{
/* 4px base step. Section rhythm is deliberately generous — whitespace is the
   primary luxury signal in this brand. */
--space-0:0;
--space-1:0.25rem;
--space-2:0.5rem;
--space-3:0.75rem;
--space-4:1rem;
--space-5:1.25rem;
--space-6:1.5rem;
--space-8:2rem;
--space-10:2.5rem;
--space-12:3rem;
--space-16:4rem;
--space-20:5rem;
--space-24:6rem;
--space-32:8rem;
--space-40:10rem;

/* Section padding: vertical rhythm for full-width bands */
--section-y:clamp(4.5rem,9vw,8.5rem); /* @kind spacing */
--section-y-tight:clamp(3rem,5vw,5rem); /* @kind spacing */
--gutter:clamp(1.25rem,5vw,4rem); /* @kind spacing */

/* Content widths */
--container:78.75rem;  /* 1260px — standard page container */
--container-narrow:56rem;
--container-text:44rem;

/* Radii — nearly square. The brand is architectural; corners stay crisp. */
--radius-none:0;
--radius-xs:2px;
--radius-sm:3px;
--radius-md:4px;
--radius-pill:999px; /* only for tags/status pips, never for buttons */

/* Rules */
--rule-hairline:1px;
--rule-medium:2px;

/* Logo clear space = height of the brand mark, per brand guidelines */
--logo-clearspace:1em;

/* Pattern tile size for CSS background use */
--pattern-tile:103px;
--pattern-tile-lg:206px;
}
