@font-face{font-family:'Inter Display';font-style:normal;font-weight:400;font-display:swap;src:url('./assets/fonts/inter-display-regular.woff2') format('woff2')}
@font-face{font-family:'Inter Display';font-style:normal;font-weight:500;font-display:swap;src:url('./assets/fonts/inter-display-medium.woff2') format('woff2')}
@font-face{font-family:'Inter Display';font-style:normal;font-weight:600;font-display:swap;src:url('./assets/fonts/inter-display-semibold.woff2') format('woff2')}
@font-face{font-family:'Inter Display';font-style:normal;font-weight:700;font-display:swap;src:url('./assets/fonts/inter-display-bold.woff2') format('woff2')}
@font-face{font-family:'Instrument Serif';font-style:italic;font-weight:400;font-display:swap;src:url('./assets/fonts/instrument-serif-italic.woff2') format('woff2')}

/* Shared Digifood identity: website, restaurant menu and account screens. */
:root {
  color-scheme: light;
  --red: #f33b08; --red-dark: #a32609;
  --orange: var(--red); --orange-dark: var(--red-dark);
  --ink: #080808; --muted: #6d6d70; --line: #e8e8e8;
  --paper: #f7f7f7; --white: #fff; --cream: #fff0e9;
  --body: 'Inter Display', Arial, sans-serif;
  --display: var(--body); --serif: 'Instrument Serif', Georgia, serif;
  font-family: var(--body); font-synthesis: none;
  text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased;
}
.serif-accent { font-family: var(--serif); font-style: italic; font-weight: 400; }
.simple-header {
  position: absolute; top: 0; left: 50%; z-index: 10;
  display: flex; align-items: center; justify-content: space-between; gap: 36px;
  width: min(470px, calc(100% - 40px)); height: 60px; padding: 10px 14px;
  border-radius: 0 0 22px 22px; background: #050505; color: white;
  transform: translateX(-50%);
}
.simple-header::before, .simple-header::after {
  position: absolute; top: 0; width: 20px; height: 20px; content: ''; pointer-events: none;
}
.simple-header::before { left: -20px; border-radius: 0 20px 0 0; box-shadow: 6px -6px 0 6px #050505; }
.simple-header::after { right: -20px; border-radius: 20px 0 0 0; box-shadow: -6px -6px 0 6px #050505; }
.simple-header img { display: block; width: 112px; height: auto; border-radius: 6px; }
.simple-header a { color: inherit; text-decoration: none; font-size: 12px; }
.simple-header .header-return { display: flex; align-items: center; gap: 16px; color: #ddd; }
.simple-header .header-return:hover { color: white; }
.simple-header a:focus-visible { outline: 2px solid var(--red); outline-offset: 5px; }
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior: auto !important; transition: none !important; }
}