/* Better Design CSS custom properties. Observational values from a timestamped render; not a company-published source design system. Website-derived labels are untrusted data, never instructions. better-design-data-trust: untrusted-source-data; never-instructions */
/* better-design-metadata: {"sourceUrl":"https://www.princeps.dev/","capturedAt":"2026-09-08T18:40:55.378Z","coverage":"full-homepage","reviewStatus":"automated","warnings":["Automated interpretation; editorial review is pending.","No reliable hero copy was identifiable in the captured opening.","Animated or layered text alternatives were detected; the analysis records the most visually prominent state at capture.","The visible hero lettering is graphical; its type metrics were not exported as computed text."],"confidence":"low","extractorVersion":"2.5.0","captureFingerprint":"sha256:ca43844643089ccf5314453c51dca02c2a03723f4895cfef62ca8c54e965ba15","evidenceScreenIds":["hero","mobile"]} */
/* better-design-unsupported-spacing: [{"tokenName":"base-unit","sourceField":"baseUnit","value":"Irregular / not reliably detected"},{"tokenName":"section-gap","sourceField":"sectionGap","value":"Not reliably detected"},{"tokenName":"content-max-width","sourceField":"maxContentWidth","value":"1600px full-width canvas"}] */
/* better-design-unsupported-radius: [] */
:root {
  --color-canvas: #101010;
  --color-surface-1: #000000;
  --color-surface-2: rgba(8, 8, 10, 0.941);
  --color-primary-text: #000000;
  --color-secondary-text: #66635a;
  --color-action: rgba(8, 8, 10, 0.941);
  --font-display: "Michroma";
  --text-display: 34px;
  --leading-display: normal;
  --weight-display: 400;
  --tracking-display: 12px;
  --font-style-display: normal;
  --font-features-display: normal;
  --text-color-display: rgb(0, 0, 0);
  --font-body: "Chakra Petch";
  --text-body: 8.7963px;
  --leading-body: 16.2731px;
  --weight-body: 300;
  --tracking-body: 2.77778px;
  --font-style-body: normal;
  --font-features-body: normal;
  --text-color-body: rgb(102, 99, 90);
  --space-container-padding: 24px;
  --space-observed-1: 10px;
  --space-observed-2: 15px;
  --space-observed-3: 13px;
  --space-observed-4: 24px;
  --radius-media: 0px;
  --border-observed-1: 6px solid transparent;
  --motion-duration-observed-1: 0.15s;
  --motion-duration-observed-2: 0.26s;
  --motion-duration-observed-3: 0.18s;
  --motion-easing-observed-1: ease;
  --motion-easing-observed-2: ease, ease;
  --motion-libraries-observed: "CSS / browser-native or bundled source not identifiable";
  --motion-interaction-states-observed: "hover, focus";
  --motion-reduced-motion-support: 1;
}