/* Regie brand palette — shared by the landing and editable frontend preview.
   Paint and typography only: layout and interaction belong to each product. */
@font-face {
  font-family: 'Urbanist'; font-style: normal; font-weight: 100 900;
  font-display: swap; src: url('/brand/fonts/urbanist-latin-wght-normal.woff2') format('woff2');
}
@font-face {
  font-family: 'Jost'; font-style: normal; font-weight: 100 900;
  font-display: swap; src: url('/brand/fonts/jost-latin-wght-normal.woff2') format('woff2');
}
:root {
  --regie-font: 'Urbanist', system-ui, sans-serif;
  --regie-ui-font: 'Jost', system-ui, sans-serif;
  --regie-ink: #20201e;
  --regie-muted: #666562;
  --regie-paper: #fafafa;
  --regie-panel: #ffffff;
  --regie-soft: #f0efeb;
  --regie-border: #e4e3df;
  --regie-field-border: #888780;
  --regie-purple: #ddb8f8;
  --regie-purple-soft: #f2e7fb;
  --regie-blue: #dcefff;
  --regie-lime: #daf77b;
  --regie-lime-soft: #edf4df;
  --regie-focus: #6551a7;
  --regie-hover: #383833;
  --regie-pressed: #111110;
  --regie-card-radius: 24px;
  --regie-control-radius: 999px;
}

/* Product surfaces: shared by landing demonstrations and the desktop app. */
:root {
    --regie-product-frame: #f6f6f3;
    --regie-product-surface: #ffffff;
    --regie-product-context: #f5f4ed;
    --regie-product-selected: #e2f6a1;
    --regie-product-status: #eef7ce;
    --regie-product-border: #e9e9e5;
    --regie-product-radius: 16px;
    --regie-product-control-radius: 12px;
    --regie-product-title-weight: 500;
    --regie-product-label-weight: 500;
}

/* Sunbeam source measured 21 September 2026: see FONT-SOURCE.md.
   Headings Urbanist 500 / 1.2, body & controls Jost 400/500 / 1.4.
   Product sizes below are explicit adaptations, not measurements of an image. */
:root {
  --kv-text-caption: .75rem;
  --kv-text-small: .875rem;
  --kv-text-body: 1rem;
  --kv-text-lead: 1.3125rem;
  --kv-heading-card: 1.5rem;
  --kv-heading-page: 2rem;
  --kv-heading-hero: 4rem;
  --kv-heading-section: 3.375rem;
  --kv-heading-feature: 2.625rem;
  --kv-leading-heading: 1.2;
  --kv-leading-body: 1.4;
  --kv-weight-heading: 500;
  --kv-space-1: 4px;
  --kv-space-2: 8px;
  --kv-space-3: 12px;
  --kv-space-4: 16px;
  --kv-space-5: 20px;
  --kv-space-6: 24px;
  --kv-space-8: 32px;
  --kv-space-10: 40px;
  --kv-space-section: 120px;
  --kv-control-height: 48px;
  --kv-page-inset: 32px;
  --kv-card-inset: 24px;
  --kv-grid-gap: 24px;
}
@media (max-width: 1199px) {
  :root {
    --kv-heading-hero: 3.4375rem;
    --kv-heading-section: 2.75rem;
    --kv-heading-feature: 2rem;
    --kv-page-inset: 24px;
    --kv-card-inset: 20px;
  }
}
@media (max-width: 767px) {
  :root {
    --kv-heading-hero: 2.5rem;
    --kv-heading-feature: 1.625rem;
    --kv-text-lead: 1.1875rem;
    --kv-page-inset: 20px;
    --kv-card-inset: 20px;
    --kv-grid-gap: 16px;
    --kv-space-section: 80px;
  }
}