/* Canonical LaunchSoloAI site tokens. New and migrated pages consume these names. */
:root {
  --ls-color-graphite: #09100f;
  --ls-color-card-dark: #0d1b18;
  --ls-color-off-white: #f4f6f3;
  --ls-color-white: #ffffff;
  --ls-color-green: #9cf56b;
  --ls-color-green-dark: #18703a;
  --ls-color-green-soft: #e8f8e4;
  --ls-color-friction: #f45a3f;
  --ls-color-automation: #29a9c2;
  --ls-color-ai: #7657e8;
  --ls-color-text: #101816;
  --ls-color-text-muted: #59635f;
  --ls-color-border-dark: rgba(220, 235, 228, 0.2);
  --ls-color-border-light: #d8ded9;

  --ls-font-family: Manrope, Arial, sans-serif;
  --ls-font-display: 64px;
  --ls-font-page-h1: 56px;
  --ls-font-section-h2: 40px;
  --ls-font-section-h3: 24px;
  --ls-font-card-title: 18px;
  --ls-font-body-large: 18px;
  --ls-font-body: 16px;
  --ls-font-body-small: 14px;
  --ls-font-eyebrow: 12px;
  --ls-font-label: 12px;
  --ls-font-button: 14px;
  --ls-font-workflow-title: 14px;
  --ls-font-workflow-subtitle: 12px;
  --ls-font-kpi-large: 36px;
  --ls-font-kpi-small: 14px;

  --ls-content-max: 1320px;
  --ls-page-gutter: 32px;
  --ls-section-space: 72px;
  --ls-grid-gap: 20px;
  --ls-card-padding: 24px;
  --ls-card-radius: 6px;
  --ls-button-height: 48px;
  --ls-header-height: 72px;
  --ls-header-nav-gap: 24px;
  --ls-brand-title: 19px;
  --ls-brand-tagline: 10px;
  --ls-nav-size: 14px;
  --ls-location-size: 10px;
}

@media (max-width: 700px) {
  :root {
    --ls-font-display: 44px;
    --ls-font-page-h1: 40px;
    --ls-font-section-h2: 32px;
    --ls-font-section-h3: 21px;
    --ls-font-body-large: 17px;
    --ls-page-gutter: 20px;
    --ls-section-space: 56px;
    --ls-grid-gap: 14px;
    --ls-card-padding: 18px;
    --ls-header-height: 68px;
  }
}