:root {
  --sg-espresso: #4A2920;
  --sg-terracotta: #BB7862;
  --sg-blush: #E6BCB5;
  --sg-cream: #F3E8DF;
  --sg-background: #FCF9F6;
  --sg-surface: #FFFFFF;
  --sg-text: #352820;
  --sg-text-muted: #72635C;
  --sg-border: #D8C7BD;
  --sg-control-border: #72635C;
  --sg-error: #A12D42;
  --sg-success: #28634B;
  --sg-action: #4A2920;
  --sg-action-hover: #321B15;
  --sg-on-action: #FFFFFF;
  --sg-font: 'Manrope', sans-serif;
  --sg-radius: 4px;
  --sg-touch-min: 44px;
  --sg-container: 1280px;
  --sg-gutter: 24px;
  --sg-space-1: 4px;
  --sg-space-2: 8px;
  --sg-space-3: 12px;
  --sg-space-4: 16px;
  --sg-space-6: 24px;
  --sg-space-8: 32px;
  --sg-space-12: 48px;
  --sg-space-16: 64px;
  --sg-space-24: 96px;
  --sg-motion-fast: 150ms;
}

:root { --sg-motion-press:120ms; --sg-motion-hover:180ms; --sg-motion-disclosure:240ms; --sg-motion-dialog:280ms; --sg-motion-accent:440ms; --sg-ease-out:cubic-bezier(.22,1,.36,1); --sg-ease-standard:cubic-bezier(.2,0,.2,1); }