:root{--color-brand-primary:#85b739;--color-brand-soft:#e4ebd9;--color-brand-subtle:#edf1e8;--color-neutral-100:#f6f6f6;--color-neutral-200:#e0e0e0;--color-neutral-300:#dadada;--color-neutral-400:#c2c2c2;--color-neutral-600:#828282;--color-neutral-900:#323232;--color-neutral-black:#000;--color-neutral-white:#fff;--color-status-info:#2969b0;--color-status-danger:#c13434;--color-status-warning:#ffac3d;--color-status-warning-strong:#d48825;--font-family-interface:"Inter", system-ui, sans-serif;--font-family-brand:"Montserrat", system-ui, sans-serif;--font-size-xs:10px;--font-size-sm:12px;--font-size-md:14px;--font-size-lg:16px;--font-size-xl:20px;--font-size-xxl:24px;--font-size-display:48px;--font-weight-regular:400;--font-weight-medium:500;--font-weight-semibold:600;--font-line-height-normal:1.5;--font-line-height-tight:1.4;--radius-xs:3px;--radius-sm:8px;--radius-md:12px;--radius-lg:20px;--radius-xl:28px;--radius-xxl:32px;--radius-pill:9999px;--spacing-xxs:2px;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:10px;--spacing-lg:12px;--spacing-xl:16px;--spacing-xxl:24px}body{margin:0}.app{padding:var(--spacing-xxl);color:var(--color-neutral-900);font-family:var(--font-family-interface);font-size:var(--font-size-md);line-height:var(--font-line-height-normal)}.app__brand{color:var(--color-brand-primary);font-family:var(--font-family-brand);font-size:var(--font-size-xxl);font-weight:var(--font-weight-semibold);margin:0}.app__title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold)}.app__swatches{gap:var(--spacing-sm);margin:0;padding:0;list-style:none;display:grid}.app__swatch{align-items:center;gap:var(--spacing-lg);display:flex}.app__color{border:1px solid var(--color-neutral-200);border-radius:var(--radius-md);width:40px;height:40px}