/* GENERATED — do not hand-edit. Scoped under .fo-scope from tools/acf-gen/src/css/tokens.css
 * Regenerate with: npm run assets:fo */
.fo-scope {
  
  --color-brand-primary: #24223A;      
  --color-brand-secondary: #F2F2F2;    

  
  --color-accent-1: #7C7EEE;           
  --color-accent-2: #FFBDEF;           
  --color-accent-3: #3EFFEE;           
  --color-accent-4: #FF7500;           
  --color-accent-5: #008B70;           
  --color-accent-6: #00B3C6;           

  
  --color-accent: var(--color-accent-1);

  
  --color-surface-1: #F2F2F2;          
  --color-surface-2: #E7E7EF;          
  --color-surface-3: #7C7EEE;          
  --color-surface-inverse: #24223A;

  
  --color-text-strong: #24223A;
  --color-text-muted: #54516E;
  --color-text-dim: #8B88A0;
  --color-text-inverse: #F2F2F2;
  --color-text-accent: #7C7EEE;
  
  --color-text: var(--color-text-strong);
  --color-text-muted-legacy: var(--color-text-muted);

  
  --color-border-subtle: #E5E5E5;
  --color-border-strong: #24223A;
  --color-border-accent: #7C7EEE;
  --color-border: var(--color-border-subtle);

  
  --color-status-success: #008B70;
  --color-status-warning: #FF7500;
  --color-status-error: #FF0040;

  
  --type-family-display: "Mona Sans", system-ui, -apple-system, "Segoe UI", sans-serif;
  --type-family-body: "Mona Sans", system-ui, -apple-system, "Segoe UI", sans-serif;
  --type-family-eyebrow: "Mona Sans", system-ui, -apple-system, "Segoe UI", sans-serif;
  --type-family-button: "Mona Sans", system-ui, -apple-system, "Segoe UI", sans-serif;
  --type-family-mono: "Mona Sans", system-ui, -apple-system, "Segoe UI", sans-serif;  

  
  --type-size-h1: 56px;
  --type-size-h2: 40px;
  --type-size-h3: 28px;
  --type-size-h4: 22px;
  --type-size-h5: 18px;
  --type-size-h6: 14px;
  --type-size-body-lg: 22px;   
  --type-size-body: 16px;
  --type-size-body-sm: 14px;
  --type-size-eyebrow: 12px;
  --type-size-button: 14px;
  --type-size-mono: 12px;

  
  --type-size-blog-h1: 44px;
  --type-size-blog-h2: 32px;
  --type-size-blog-h3: 24px;
  --type-size-blog-h4: 20px;
  --type-size-blog-h5: 18px;
  --type-size-blog-h6: 16px;
  --type-size-blog-body: 20px;

  
  --type-lh-tight: 1.1;
  --type-lh-snug: 1.2;
  --type-lh-normal: 1.4;

  
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-6: 24px;
  --space-8: 32px;
  --space-12: 48px;
  --space-16: 64px;
  --space-24: 96px;

  
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 16px;

  
  --radius-bevel: 18px;

  
  --container-max: 1200px;
  --gutter: 24px;
  --section-y: var(--space-16);
}
[data-theme="dark"] .fo-scope {
  --color-surface-1: #24223A;
  --color-surface-2: #2E2C48;
  --color-surface-3: #7C7EEE;
  --color-surface-inverse: #F2F2F2;   

  --color-text-strong: #F2F2F2;
  --color-text-muted: #B3B1C7;
  --color-text-dim: #706D8D;
  --color-text-inverse: #24223A;
  --color-text-accent: #3EFFEE;        
  --color-text: var(--color-text-strong);

  --color-border-subtle: #3B3959;   
  --color-border-strong: #F2F2F2;
  --color-border-accent: #7C7EEE;
  --color-border: var(--color-border-subtle);

  --color-status-success: #1E7A3C;     
  --color-status-warning: #FF7500;
  --color-status-error: #FF0040;
}