@import url("https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,600;0,700;1,300;1,400&family=DM+Sans:wght@300;400;500;600&family=DM+Mono:wght@300;400;500&display=swap");

:root {
  color-scheme: dark;
  --ss-canvas:#0A0F1C; --ss-navy:#0E1A32; --ss-surface:#121D2E; --ss-raised:#16243A;
  --ss-text:#E8E4DC; --ss-text-2:#BFC3C9; --ss-muted:#9299A5; --ss-line:#34445C; --ss-line-strong:#71839B;
  --ss-gold:#D4AF37; --ss-teal:#57716F; --ss-focus:#F2CA52;
  --ss-live:#55d9a2; --ss-warning:#f0c85a; --ss-safety:#e48a49; --ss-critical:#e05b68; --ss-info:#78a7e8; --ss-unknown:#9da4ad;
  --ss-display:"Cormorant Garamond",Georgia,serif;
  --ss-ui:"DM Sans","Helvetica Neue",Arial,sans-serif;
  --ss-mono:"DM Mono",Menlo,Monaco,Consolas,monospace;
  --ss-max:1440px; --ss-control-radius:2px; --ss-panel-radius:0px;
  --ss-space-1:8px; --ss-space-2:16px; --ss-space-3:24px; --ss-space-4:32px; --ss-space-5:48px; --ss-space-6:64px;
  --ss-type-page:clamp(28px,3vw,40px); --ss-type-hero:clamp(48px,6vw,76px); --ss-type-metric:clamp(42px,5vw,58px);
}