/* Generated from config/sponica-design-tokens.json. Run npm run gen:sponica-design-tokens. */
:root {
  --sponica-light-background: #FAF6EF;
  --sponica-light-error: #A5341F;
  --sponica-light-on-background: #221E18;
  --sponica-light-on-error: #FFFFFF;
  --sponica-light-on-primary: #FFFFFF;
  --sponica-light-on-primary-container: #0B6B48;
  --sponica-light-on-primary-solid: #FFFFFF;
  --sponica-light-on-secondary: #140A03;
  --sponica-light-on-surface: #0E1A18;
  --sponica-light-on-surface-variant: #6B6152;
  --sponica-light-outline: #E0D6C5;
  --sponica-light-primary: #1B4332;
  --sponica-light-primary-container: #E4EFE4;
  --sponica-light-primary-hover: #16382A;
  --sponica-light-primary-pressed: #102A20;
  --sponica-light-secondary: #C1633F;
  --sponica-light-surface: #FFFDF9;
  --sponica-light-surface-variant: #F0E9DC;
  --sponica-dark-background: #0A0F14;
  --sponica-dark-error: #FF9B85;
  --sponica-dark-on-background: #F0F4F3;
  --sponica-dark-on-error: #3A0C05;
  --sponica-dark-on-primary: #06110C;
  --sponica-dark-on-primary-container: #A9F7C6;
  --sponica-dark-on-primary-solid: #06110C;
  --sponica-dark-on-secondary: #3B3000;
  --sponica-dark-on-surface: #F0F4F3;
  --sponica-dark-on-surface-variant: #9CAAA8;
  --sponica-dark-outline: #26323B;
  --sponica-dark-primary: #7DF2A8;
  --sponica-dark-primary-container: #16302A;
  --sponica-dark-primary-hover: #9CF7BC;
  --sponica-dark-primary-pressed: #5FD98C;
  --sponica-dark-secondary: #FFC46B;
  --sponica-dark-surface: #111820;
  --sponica-dark-surface-variant: #18212A;
  --sponica-light-gradient-stop-1: #1B4332;
  --sponica-light-gradient-stop-2: #1B4332;
  --sponica-light-gradient-stop-3: #1B4332;
  --sponica-light-gradient-accent: linear-gradient(90deg, #1B4332 0%, #1B4332 50%, #1B4332 100%);
  --sponica-light-gradient-accent-hover: linear-gradient(90deg, #1B4332 0%, #1B4332 50%, #1B4332 100%);
  --sponica-light-gradient-accent-pressed: linear-gradient(90deg, #1B4332 0%, #1B4332 50%, #1B4332 100%);
  --sponica-light-gradient-display-text: linear-gradient(90deg, #1B4332 0%, #1B4332 50%, #1B4332 100%);
  --sponica-light-aurora-wash: none;
  --sponica-dark-gradient-stop-1: #7DF2A8;
  --sponica-dark-gradient-stop-2: #7DF2A8;
  --sponica-dark-gradient-stop-3: #7DF2A8;
  --sponica-dark-gradient-accent: linear-gradient(90deg, #7DF2A8 0%, #7DF2A8 50%, #7DF2A8 100%);
  --sponica-dark-gradient-accent-hover: linear-gradient(90deg, #7DF2A8 0%, #7DF2A8 50%, #7DF2A8 100%);
  --sponica-dark-gradient-accent-pressed: linear-gradient(90deg, #7DF2A8 0%, #7DF2A8 50%, #7DF2A8 100%);
  --sponica-dark-gradient-display-text: linear-gradient(90deg, #7DF2A8 0%, #7DF2A8 50%, #7DF2A8 100%);
  --sponica-dark-aurora-wash: none;
  --sponica-light-glass-blur: blur(0px);
  --sponica-light-glass-fill: rgba(255, 253, 249, 0.96);
  --sponica-light-glass-fill-strong: #FFFDF9;
  --sponica-light-glass-hairline: rgba(0, 0, 0, 0.08);
  --sponica-light-glass-highlight: rgba(255, 255, 255, 0.3);
  --sponica-light-control-outline: rgba(0, 0, 0, 0.35);
  --sponica-dark-glass-blur: blur(0px);
  --sponica-dark-glass-fill: rgba(17, 24, 32, 0.96);
  --sponica-dark-glass-fill-strong: #111820;
  --sponica-dark-glass-hairline: rgba(0, 0, 0, 0.08);
  --sponica-dark-glass-highlight: rgba(255, 255, 255, 0.3);
  --sponica-dark-control-outline: rgba(0, 0, 0, 0.35);
  --sponica-light-glow-focus: 0 0px 0px 3px rgba(0, 0, 0, 0.2);
  --sponica-light-glow-focus-error: 0 0px 0px 3px rgba(0, 0, 0, 0.2);
  --sponica-light-glow-primary: 0 4px 12px 0px rgba(0, 0, 0, 0.12);
  --sponica-light-glow-primary-hover: 0 6px 16px 0px rgba(0, 0, 0, 0.16);
  --sponica-light-glow-pulse-peak: 0 0px 0px 10px rgba(0, 0, 0, 0);
  --sponica-light-glow-pulse-rest: 0 0px 0px 0px rgba(0, 0, 0, 0.1);
  --sponica-dark-glow-focus: 0 0px 0px 3px rgba(0, 0, 0, 0.2);
  --sponica-dark-glow-focus-error: 0 0px 0px 3px rgba(0, 0, 0, 0.2);
  --sponica-dark-glow-primary: 0 4px 12px 0px rgba(0, 0, 0, 0.12);
  --sponica-dark-glow-primary-hover: 0 6px 16px 0px rgba(0, 0, 0, 0.16);
  --sponica-dark-glow-pulse-peak: 0 0px 0px 10px rgba(0, 0, 0, 0);
  --sponica-dark-glow-pulse-rest: 0 0px 0px 0px rgba(0, 0, 0, 0.1);
  --sponica-light-elevation-card: 0 1px 2px 0px rgba(60, 44, 24, 0.05), 0 8px 22px 0px rgba(60, 44, 24, 0.07);
  --sponica-light-elevation-raised: 0 1px 2px 0px rgba(60, 44, 24, 0.06);
  --sponica-dark-elevation-card: 0 1px 2px 0px rgba(60, 44, 24, 0.05), 0 8px 22px 0px rgba(60, 44, 24, 0.07);
  --sponica-dark-elevation-raised: 0 1px 2px 0px rgba(60, 44, 24, 0.06);
  --sponica-elevation-card: 0 1px 2px 0px rgba(60, 44, 24, 0.05), 0 8px 22px 0px rgba(60, 44, 24, 0.07);
  --sponica-elevation-raised: 0 1px 2px 0px rgba(60, 44, 24, 0.06);
  --sponica-glow-focus: 0 0px 0px 3px rgba(0, 0, 0, 0.2);
  --sponica-glow-focus-error: 0 0px 0px 3px rgba(0, 0, 0, 0.2);
  --sponica-glow-primary: 0 4px 12px 0px rgba(0, 0, 0, 0.12);
  --sponica-glow-primary-hover: 0 6px 16px 0px rgba(0, 0, 0, 0.16);
  --sponica-glow-pulse-peak: 0 0px 0px 10px rgba(0, 0, 0, 0);
  --sponica-glow-pulse-rest: 0 0px 0px 0px rgba(0, 0, 0, 0.1);
  --brand-font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;
  --brand-font-display: -apple-system, BlinkMacSystemFont, "Segoe UI", Inter, system-ui, sans-serif;
  --brand-font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  --brand-type-body: 16px;
  --brand-type-display: 38px;
  --brand-type-h1: 28px;
  --brand-type-h2: 21px;
  --brand-type-h3: 17px;
  --brand-type-small: 13px;
  --brand-type-tiny: 11px;
  --brand-weight-bold: 700;
  --brand-weight-medium: 500;
  --brand-weight-regular: 400;
  --brand-weight-semibold: 600;
  --brand-line-height-body: 1.55;
  --brand-line-height-heading: 1.2;
  --brand-tracking-display: 0.035em;
  --sponica-shape-card-radius-px: 18px;
  --sponica-shape-control-radius-px: 12px;
  --sponica-shape-hero-radius-px: 24px;
  --sponica-shape-small-radius-px: 8px;
  --sponica-spacing-control-gap-px: 8px;
  --sponica-spacing-control-min-height-px: 44px;
  --sponica-spacing-dense-gap-px: 4px;
  --sponica-spacing-grid-gap-px: 12px;
  --sponica-spacing-list-row-h-pad-px: 16px;
  --sponica-spacing-list-row-v-pad-px: 12px;
  --sponica-spacing-message-avatar-size-px: 44px;
  --sponica-spacing-message-compact-avatar-size-px: 36px;
  --sponica-spacing-message-invite-card-max-width-px: 520px;
  --sponica-spacing-onboarding-avatar-badge-px: 32px;
  --sponica-spacing-onboarding-avatar-glyph-px: 56px;
  --sponica-spacing-onboarding-avatar-size-px: 112px;
  --sponica-spacing-panel-padding-px: 16px;
  --sponica-spacing-screen-padding-px: 16px;
  --sponica-spacing-section-gap-px: 16px;
  --sponica-spacing-stack-gap-px: 8px;
  --sponica-spacing-step1-px: 4px;
  --sponica-spacing-step2-px: 8px;
  --sponica-spacing-step3-px: 12px;
  --sponica-spacing-step4-px: 16px;
  --sponica-spacing-step6-px: 24px;
  --sponica-spacing-step8-px: 32px;
  --sponica-spacing-top-bar-height-px: 56px;
  --sponica-control-lg-h-pad-px: 24px;
  --sponica-control-lg-height-px: 52px;
  --sponica-control-md-h-pad-px: 16px;
  --sponica-control-md-height-px: 44px;
  --sponica-control-sm-h-pad-px: 12px;
  --sponica-control-sm-height-px: 32px;
  --sponica-border-hairline-px: 1px;
  --sponica-border-strong-px: 2px;
  --sponica-icon-size-base-px: 24px;
  --sponica-icon-size-large-px: 32px;
  --sponica-icon-size-small-px: 18px;
  --sponica-icon-stroke-width-px: 1.75px;
  --sponica-motion-duration-fast-ms: 180ms;
  --sponica-motion-duration-base-ms: 320ms;
  --sponica-motion-duration-slow-ms: 450ms;
  --sponica-motion-duration-drift-ms: 20000ms;
  --sponica-motion-pending-summary-progress-cycle-ms: 18000ms;
  --sponica-motion-press-feedback-ms: 90ms;
  --sponica-motion-busy-reveal-delay-ms: 150ms;
  --sponica-motion-press-scale: 0.97;
  --sponica-motion-press-dim: 0.88;
  --sponica-motion-busy-opacity: 0.6;
  --sponica-motion-easing-decelerate: cubic-bezier(0, 0, 0, 1);
  --sponica-motion-easing-standard: cubic-bezier(0.2, 0, 0, 1);
}