/* Generated from config/sponica-design-tokens.json. Run npm run gen:sponica-design-tokens. */
:root {
  --sponica-light-primary: #1A4D2E;
  --sponica-light-on-primary: #FFFFFF;
  --sponica-light-primary-container: #E8F5E9;
  --sponica-light-on-primary-container: #1A4D2E;
  --sponica-light-secondary: #8B7B4A;
  --sponica-light-on-secondary: #FFFFFF;
  --sponica-light-background: #F4F7F1;
  --sponica-light-on-background: #1A2412;
  --sponica-light-surface: #FFFFFF;
  --sponica-light-on-surface: #1A2412;
  --sponica-light-surface-variant: #D8E3CF;
  --sponica-light-on-surface-variant: #4A6040;
  --sponica-light-outline: #C4D4BA;
  --sponica-dark-primary: #8BC34A;
  --sponica-dark-on-primary: #0A2E00;
  --sponica-dark-primary-container: #1A4D2E;
  --sponica-dark-on-primary-container: #B9F6CA;
  --sponica-dark-secondary: #D4C68A;
  --sponica-dark-on-secondary: #3B3000;
  --sponica-dark-background: #121A0E;
  --sponica-dark-on-background: #E0E8D8;
  --sponica-dark-surface: #1A2412;
  --sponica-dark-on-surface: #E0E8D8;
  --sponica-dark-surface-variant: #2D3B22;
  --sponica-dark-on-surface-variant: #B0BEA0;
  --sponica-dark-outline: #5F6B57;
  --sponica-shape-card-radius-px: 16px;
  --sponica-shape-control-radius-px: 999px;
  --sponica-spacing-screen-padding-px: 16px;
  --sponica-spacing-panel-padding-px: 18px;
  --sponica-spacing-control-gap-px: 10px;
  --sponica-motion-pending-summary-progress-cycle-ms: 18000ms;
}