/* ==========================================================================
   onver-food--thalysonteste11 Design Tokens
   ========================================================================== */

@font-face {
  font-family: 'Inter';
  src: url('../fonts/Inter-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Inter';
  src: url('../fonts/Inter-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Inter';
  src: url('../fonts/Inter-SemiBold.ttf') format('truetype');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Inter';
  src: url('../fonts/Inter-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Roboto';
  src: url('../fonts/Roboto-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Roboto';
  src: url('../fonts/Roboto-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Roboto';
  src: url('../fonts/Roboto-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

:root {
  /* Color Palette */
  --bg-page: #f8f6f0;
  --bg-sidebar: #202b3d;
  --bg-sidebar-hover: #29364a;
  --bg-sidebar-active: #f45b27;
  --bg-card: #ffffff;
  --bg-card-muted: #fbfaf8;
  --bg-surface-purple: #f3effe;
  --bg-surface-cyan: #e1f7f6;
  --bg-surface-orange: #fef0ea;
  --bg-surface-green: #eaf7ed;

  --text-primary: #202b3d;
  --text-muted: #7b8490;
  --text-sidebar: #9da4ad;
  --text-sidebar-heading: #6d7785;
  --text-white: #ffffff;

  --border-light: #e8e3d9;
  --border-card: #ece7de;
  --border-sidebar: #2d3b4f;
  --border-dark: #4a5665;

  --primary-orange: #f45b27;
  --primary-orange-hover: #e04a16;
  --accent-cyan: #dff6f6;
  --accent-cyan-hover: #cbeeed;
  --accent-cyan-dark: #1a7377;
  --success: #1c8b5a;
  --success-light: #eaf7ed;
  --warning: #b45309;
  --warning-bg: #fef3c7;
  --danger: #f45b27;
  --info: #1a7377;

  /* Typography */
  --font-heading: 'Roboto', -apple-system, BlinkMacSystemFont, sans-serif;
  --font-body: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
  --font-mono: 'SFMono-Regular', Consolas, monospace;

  /* 4px Base Grid Spacing Scale */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-7: 28px;
  --space-8: 32px;
  --space-9: 36px;
  --space-10: 40px;
  --space-12: 48px;

  /* Border Radius */
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 12px;
  --radius-xl: 16px;
  --radius-pill: 9999px;

  /* Z-Index Scale */
  --z-base: 1;
  --z-sidebar: 10;
  --z-header: 20;
  --z-dropdown: 30;
  --z-modal-backdrop: 40;
  --z-modal: 50;
  --z-toast: 100;

  /* Transitions */
  --trans-fast: 150ms ease;
  --trans-base: 250ms ease;
  --trans-spring: 300ms cubic-bezier(0.34, 1.56, 0.64, 1);
}