:root {
  --color-primary-dark: #0e2f33;
  --color-primary: #143e43;
  --color-surface-dark: #12383c;
  --color-primary-muted: #47696c;
  --color-primary-light: #e2ebea;
  --color-ivory: #f2efe8;
  --color-background: #f7f6f2;
  --color-text: #1c2a2c;
  --color-text-muted: #6f8081;
  --color-border: #dce3df;
  --ease-out: cubic-bezier(0.22, 1, 0.36, 1);
  --font-body: "Abar", Tahoma, Arial, sans-serif;
  --font-brand: Georgia, "Times New Roman", serif;
  --radius-sm: 3px;
  --radius-md: 9px;
  --radius-lg: 13px;
  --radius-app: 29px;
  --radius-pill: 9999px;
  --spacing-xs: 4px;
  --spacing-sm: 8px;
  --spacing-md: 16px;
  --spacing-lg: 24px;
  --app-max-width: 460px;
  --app-max-height: 900px;
  --food-arc-height: 220px;
  --food-arc-height-compact: 195px;
  --menu-image-size: 99px;
  --color-arc: #08262a;
  --texture-noise: url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.72' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
}