/* ==========================================================================
   EGW Conveniência Bebidas 25h — Design Tokens
   ========================================================================== */
:root {
  /* Cor de marca — âmbar rótulo de cerveja, não amarelo genérico */
  --color-brand-900: #7A4A0A;
  --color-brand-700: #A6660F;
  --color-brand-600: #C17E17;
  --color-brand-500: #D99A25;
  --color-brand-400: #E4B25A;
  --color-brand-100: #FBF0DC;

  /* Base neutra — grafite frio, não preto puro */
  --color-ink-900: #101826;
  --color-ink-800: #172033;
  --color-ink-700: #24304A;
  --color-ink-600: #3A4A66;
  --color-ink-500: #64748B;
  --color-ink-400: #94A3B8;
  --color-ink-300: #C3CBD6;
  --color-ink-200: #DDE3EA;
  --color-ink-100: #EEF1F5;

  --color-sidebar: #101826;
  --color-sidebar-alt: #172033;
  --color-sidebar-border: #232D40;
  --color-sidebar-text: #AEB9CC;
  --color-sidebar-text-active: #FFFFFF;

  --color-bg: #F3F5F8;
  --color-surface: #FFFFFF;
  --color-border: #E2E6ED;
  --color-border-strong: #CBD3DE;

  --color-text: #172033;
  --color-text-muted: #64748B;
  --color-text-faint: #94A3B8;

  --color-success-bg: #E7F5EC;
  --color-success-text: #16743F;
  --color-success-border: #B9E3C8;

  --color-danger-bg: #FCEAEA;
  --color-danger-text: #B4232C;
  --color-danger-border: #F3C3C6;

  --color-warning-bg: #FDF3E2;
  --color-warning-text: #96620A;
  --color-warning-border: #F3DBA6;

  --color-info-bg: #E8F0FC;
  --color-info-text: #1D5FB8;
  --color-info-border: #C1D8F5;

  --color-neutral-bg: #EEF1F5;
  --color-neutral-text: #3A4A66;
  --color-neutral-border: #DDE3EA;

  /* Tipografia */
  --font-base: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --font-mono: "IBM Plex Mono", "SFMono-Regular", Consolas, monospace;

  --fs-h1: 1.625rem;      /* 26px */
  --fs-h2: 1.25rem;       /* 20px */
  --fs-h3: 1.0625rem;     /* 17px */
  --fs-body: 0.875rem;    /* 14px */
  --fs-small: 0.8125rem;  /* 13px */
  --fs-table: 0.8125rem;  /* 13px */
  --fs-caption: 0.75rem;  /* 12px */

  --lh-base: 1.5;

  /* Espaçamento */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-7: 32px;
  --space-8: 40px;

  /* Raios — discretos, nunca "pill" em tudo */
  --radius-sm: 4px;
  --radius-md: 6px;
  --radius-lg: 10px;

  /* Sombra — única, sutil, reservada para elementos flutuantes */
  --shadow-card: 0 1px 2px rgba(16, 24, 38, 0.06);
  --shadow-popover: 0 8px 24px rgba(16, 24, 38, 0.16);
  --shadow-header: 0 1px 0 rgba(16, 24, 38, 0.06);

  /* Layout */
  --sidebar-width: 248px;
  --sidebar-width-collapsed: 72px;
  --topbar-height: 56px;

  --transition-fast: 120ms ease;
  --transition-base: 200ms ease;
}