/* Noir Stage dark-only tokens; load before app styles. */
@font-face { font-family: Inter; src: url("../assets/fonts/InterVariable.woff2") format("woff2"); font-weight: 100 900; font-style: normal; font-display: swap; }
:root {
  color-scheme: dark;
  --df-font-family: Inter, system-ui, sans-serif;
  --df-motion-duration: 180ms;
  --df-color-canvas: #050706;
  --df-color-surface: #111512;
  --df-color-surface-elevated: #1B211C;
  --df-color-border: #2A302B;
  --df-color-accent: #D5EF2B;
  --df-color-accent-hover: #E2F76A;
  --df-color-accent-pressed: #BDDA20;
  --df-color-on-accent: #0A0D06;
  --df-color-text-primary: #F4F6F2;
  --df-color-text-secondary: #A7AEA8;
  --df-color-text-muted: #8B928D;
  --df-color-text-disabled: #535A54;
  --df-color-danger: #FF7B7B;
  --df-color-info: #91B9FF;
  --df-color-dot: #B9C6B4;
  --df-space-s0: 0px;
  --df-space-s2: 2px;
  --df-space-s4: 4px;
  --df-space-s8: 8px;
  --df-space-s12: 12px;
  --df-space-s16: 16px;
  --df-space-s20: 20px;
  --df-space-s24: 24px;
  --df-space-s28: 28px;
  --df-space-s32: 32px;
  --df-space-s40: 40px;
  --df-space-s48: 48px;
  --df-space-s64: 64px;
  --df-radius-thumbnail: 12px;
  --df-radius-button: 16px;
  --df-radius-plan: 18px;
  --df-radius-card: 20px;
  --df-radius-featured: 22px;
  --df-radius-pill: 999px;
  --df-border-width-subtle: 1px;
  --df-border-width-selected: 2px;
  --df-border-width-focus: 2px;
  --df-type-display-size: 34px;
  --df-type-display-line-height: 40px;
  --df-type-display-weight: 600;
  --df-type-display-letter-spacing: -0.8px;
  --df-type-paywall-size: 30px;
  --df-type-paywall-line-height: 36px;
  --df-type-paywall-weight: 600;
  --df-type-paywall-letter-spacing: -0.6px;
  --df-type-template-size: 28px;
  --df-type-template-line-height: 34px;
  --df-type-template-weight: 600;
  --df-type-template-letter-spacing: -0.5px;
  --df-type-page-size: 24px;
  --df-type-page-line-height: 30px;
  --df-type-page-weight: 600;
  --df-type-page-letter-spacing: -0.4px;
  --df-type-wordmark-size: 22px;
  --df-type-wordmark-line-height: 28px;
  --df-type-wordmark-weight: 600;
  --df-type-wordmark-letter-spacing: -0.5px;
  --df-type-section-size: 20px;
  --df-type-section-line-height: 26px;
  --df-type-section-weight: 600;
  --df-type-section-letter-spacing: -0.3px;
  --df-type-body-size: 16px;
  --df-type-body-line-height: 24px;
  --df-type-body-weight: 400;
  --df-type-body-letter-spacing: 0px;
  --df-type-button-size: 17px;
  --df-type-button-line-height: 22px;
  --df-type-button-weight: 600;
  --df-type-button-letter-spacing: -0.2px;
  --df-type-label-size: 14px;
  --df-type-label-line-height: 20px;
  --df-type-label-weight: 500;
  --df-type-label-letter-spacing: 0px;
  --df-type-caption-size: 12px;
  --df-type-caption-line-height: 16px;
  --df-type-caption-weight: 400;
  --df-type-caption-letter-spacing: 0px;
  --df-type-eyebrow-size: 12px;
  --df-type-eyebrow-line-height: 16px;
  --df-type-eyebrow-weight: 600;
  --df-type-eyebrow-letter-spacing: 1.4px;
  --df-button-gradient: linear-gradient(180deg, #DDF43D 0%, #CBE526 100%);
  --df-card-scrim: linear-gradient(180deg, transparent 0% 52%, rgb(5 7 6 / 28%) 78%, rgb(5 7 6 / 86%) 100%);
  --df-template-scrim: linear-gradient(180deg, transparent 0%, rgb(5 7 6 / 24%) 30%, rgb(5 7 6 / 86%) 62%, #050706 100%);
}
@media (prefers-reduced-motion: reduce) { :root { --df-motion-duration: 0ms; } }