@font-face{font-family:"Be Vietnam Pro";font-style:normal;font-display:swap;font-weight:400;src:url("../fonts/be-vietnam-pro-latin-400-normal.ec4890cc91be.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122}
@font-face{font-family:"Be Vietnam Pro";font-style:normal;font-display:swap;font-weight:400;src:url("../fonts/be-vietnam-pro-latin-ext-400-normal.47c767e19287.woff2") format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+1E00-1E9F,U+20A0-20AB}
@font-face{font-family:"Be Vietnam Pro";font-style:normal;font-display:swap;font-weight:600;src:url("../fonts/be-vietnam-pro-latin-600-normal.54156380a29a.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122}
@font-face{font-family:"Be Vietnam Pro";font-style:normal;font-display:swap;font-weight:600;src:url("../fonts/be-vietnam-pro-latin-ext-600-normal.6afe3cbf8a63.woff2") format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+1E00-1E9F,U+20A0-20AB}
@font-face{font-family:"Be Vietnam Pro";font-style:normal;font-display:swap;font-weight:700;src:url("../fonts/be-vietnam-pro-latin-700-normal.99df06229b59.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122}
@font-face{font-family:"Be Vietnam Pro";font-style:normal;font-display:swap;font-weight:700;src:url("../fonts/be-vietnam-pro-latin-ext-700-normal.b46f3787b930.woff2") format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+1E00-1E9F,U+20A0-20AB}
@font-face{font-family:"Material Symbols Outlined";font-style:normal;font-weight:400;font-display:block;src:url("../fonts/material-symbols-v2.ce549e2dc27b.woff2") format("woff2")}

:root {
  --c-primary: #974400;
  --c-on-primary: #ffffff;
  --c-primary-soft: #ffdbc9;
  --c-secondary: #54651e;
  --c-secondary-soft: #d7ec95;
  --c-on-secondary-soft: #3d4c05;
  --c-tertiary: #8a4d0e;
  --c-label: #151c23;
  --c-label-2: #6c6c70;
  --c-label-variant: #564338;
  --c-bg-grouped: #f2f2f7;
  --c-bg: #ffffff;
  --c-bg-subtle: #fafafc;
  --c-bg-pressed: #e9e9ee;
  --c-bar: rgba(249, 249, 249, .86);
  --c-separator: rgba(60, 60, 67, .18);
  --c-fill: rgba(118, 118, 128, .12);
  --c-control-border: #8e8e93;
  --c-danger: #d70015;
  --c-warning: #b45309;
  --c-success: #34c759;
  --c-dim: rgba(0, 0, 0, .34);
  --c-toast: rgba(30, 30, 30, .9);
  --c-kiosk-bg: #fbf8f5;
  --c-cook-bg: #1d1a17;
  --c-cook-fg: #fbf4ee;
  --c-cook-accent: #ffb68d;

  --font: "Be Vietnam Pro", system-ui, -apple-system, "Segoe UI", sans-serif;
  --t-large-title: 700 32px/1.1 var(--font);
  --t-title: 700 24px/1.15 var(--font);
  --t-headline: 600 17px/1.3 var(--font);
  --t-body: 400 15px/1.35 var(--font);
  --t-callout: 400 14px/1.35 var(--font);
  --t-subhead: 400 13px/1.35 var(--font);
  --t-footnote: 400 12px/1.3 var(--font);
  --t-caption: 500 10px/1.2 var(--font);

  --s-1: 4px;
  --s-2: 8px;
  --s-3: 12px;
  --s-4: 16px;
  --s-5: 20px;
  --s-6: 24px;
  --s-8: 32px;
  --gutter: 16px;

  --tap: 44px;
  --tap-kiosk: 48px;

  --r-sm: 7px;
  --r-md: 9px;
  --r-lg: 12px;
  --r-xl: 14px;
  --r-2xl: 20px;
  --r-sheet: 22px;
  --r-full: 999px;

  --shadow-fab: 0 6px 18px rgba(151, 68, 0, .4);
  --shadow-seg: 0 3px 8px rgba(0, 0, 0, .12);
  --shadow-card: 0 2px 8px rgba(0, 0, 0, .08);

  --z-content: 1;
  --z-strip: 4;
  --z-navbar: 5;
  --z-sidebar: 25;
  --z-tabbar: 30;
  --z-fab: 31;
  --z-dim: 50;
  --z-sheet: 51;
  --z-action-sheet: 52;
  --z-pin: 55;
  --z-toast: 60;

  --ease-sheet: cubic-bezier(.2, .8, .2, 1);
  --d-fast: 150ms;
  --d-sheet: 280ms;

  --sidebar-w: 250px;
  --tabbar-h: 56px;
  --navbar-h: 44px;
  --content-max: 700px;
}