/* Tokens generated from Figma Variables */
/* DO NOT EDIT MANUALLY — re-run punch-token-export to regenerate */

:root {
  /* COLOR */
  --color-brand-primary: #361E1C;
  --color-brand-secondary: #733635;
  --color-brand-accent: #FF6038;
  --color-surface-1: #EBECDC;
  --color-surface-2: #A0C9CB;
  --color-surface-3: #FFFFFF;
  --color-surface-inverse: #361E1C;
  --color-text-strong: #361E1C;
  --color-text-muted: #733635;
  --color-text-dim: #733635;
  --color-text-inverse: #EBECDC;
  --color-text-accent: #FF6038;
  --color-border-subtle: #733635;
  --color-border-strong: #EBECDC;
  --color-border-accent: #FF6038;
  --color-status-success: #25BC56;
  --color-status-warning: #E7C189;
  --color-status-error: #FF6038;

  /* SPACE */
  --space-0: 0px;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 40px;
  --space-8: 48px;
  --space-9: 64px;
  --space-10: 80px;
  --space-11: 120px;
  --space-12: 160px;

  /* RADIUS */
  --radius-none: 0px;
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 16px;
  --radius-xl: 24px;
  --radius-full: 999px;

  /* TYPE */
  --type-size-display: 72px;
  --type-size-h1: 56px;
  --type-size-h2: 40px;
  --type-size-h3: 28px;
  --type-size-h4: 22px;
  --type-size-body-lg: 18px;
  --type-size-body: 16px;
  --type-size-body-sm: 14px;
  --type-size-eyebrow: 12px;
  --type-size-caption: 12px;
  --type-lh-tight: 1.05;
  --type-lh-snug: 1.2;
  --type-lh-normal: 1.5;
  --type-lh-loose: 1.7;
  --type-size-h3-lg: 32px;
  --type-size-h2-lg: 48px;
  --type-size-h1-lg: 64px;
  --type-size-display-lg: 80px;
  --type-size-display-xl: 96px;
  --type-family-display: Pliant SemiExpanded;
  --type-family-body: Pliant;
  --type-family-eyebrow: Pliant;
  --type-family-button: Pliant;
  --type-size-h5: 18px;
  --type-size-h6: 14px;
  --type-size-button: 14px;
  --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;

  /* MOTION */
  --motion-duration-fast: 150ms;
  --motion-duration-base: 250ms;
  --motion-duration-slow: 400ms;

}