/**
 * Auria Theme — Tokens (paleta Image 3 / Auria Delivery).
 * Override completo. Sem Fraunces. Sans-only.
 */

:root {
  /* Surfaces */
  --ad-bg: #ffffff;
  --ad-surface-1: #ffffff;
  --ad-surface-2: #f5f5f7;
  --ad-surface-3: #ebebee;
  --ad-photo-bg: #fafafa;          /* fundo da foto pra esconder PNG fundo branco bruto */

  /* Ink — neutros frios próximos a iOS/Android nativo */
  --ad-ink-1: #1a1a1a;
  --ad-ink-2: #4a4a4a;
  --ad-ink-3: #757575;
  --ad-ink-4: #a8a8a8;

  /* Auria — rosa/vermelho saturado */
  --ad-primary: #E63946;
  --ad-primary-dark: #C1121F;
  --ad-primary-soft: #FDE7EA;
  --ad-primary-on: #ffffff;

  /* Verde "Mais pedido" — mais escuro / sério que verde delivery genérico */
  --ad-popular: #15803D;
  --ad-popular-soft: #DCFCE7;

  /* Estados */
  --ad-open: #15803D;
  --ad-open-soft: #DCFCE7;
  --ad-closed: #DC2626;
  --ad-closed-soft: #FEE2E2;

  /* Borders — cinza frio sutil */
  --ad-border: #E5E5E7;
  --ad-border-strong: #D1D1D6;
  --ad-border-soft: #F2F2F4;

  /* Tipografia — sans only. Sistema first, fallback Geist (já bundled em /plugin/assets/fonts/). */
  --ad-font-sans: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'AuriaGeist',
                  Roboto, 'Helvetica Neue', Arial, sans-serif;

  /* Sizes — escala de delivery moderno (16=base, números legíveis) */
  --ad-text-xs: 11px;
  --ad-text-sm: 13px;
  --ad-text-base: 15px;
  --ad-text-md: 16px;
  --ad-text-lg: 18px;
  --ad-text-xl: 22px;
  --ad-text-2xl: 28px;
  --ad-text-3xl: 34px;

  /* Pesos */
  --ad-weight-regular: 400;
  --ad-weight-medium: 500;
  --ad-weight-semibold: 600;
  --ad-weight-bold: 700;

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

  /* Raios — apps modernos usam mais raio que sites */
  --ad-radius-sm: 8px;
  --ad-radius-md: 12px;
  --ad-radius-lg: 16px;
  --ad-radius-xl: 24px;
  --ad-radius-2xl: 32px;
  --ad-radius-full: 9999px;

  /* Sombras — sutis, mais usadas que borders */
  --ad-shadow-card: 0 1px 3px rgba(0, 0, 0, 0.04),
                    0 1px 2px rgba(0, 0, 0, 0.06);
  --ad-shadow-hover: 0 8px 16px rgba(0, 0, 0, 0.06),
                     0 2px 4px rgba(0, 0, 0, 0.05);
  --ad-shadow-fab: 0 4px 12px rgba(230, 57, 70, 0.32);

  /* Motion — feel de app */
  --ad-ease: cubic-bezier(0.16, 1, 0.3, 1);
  --ad-ease-out: cubic-bezier(0.33, 1, 0.68, 1);
  --ad-ease-spring: cubic-bezier(0.34, 1.56, 0.64, 1);
  --ad-dur-fast: 150ms;
  --ad-dur-base: 250ms;
  --ad-dur-slow: 400ms;

  /* Layout */
  --ad-container: 720px;
  --ad-container-wide: 1200px;
  --ad-header-height: 60px;
  --ad-bb-height: 76px;
  --ad-bb-fab: 64px;

  /* Z-index */
  --ad-z-header: 80;
  --ad-z-tabs: 70;
  --ad-z-bb: 90;
  --ad-z-sheet: 100;

  /* Aliases pra compatibilidade com plugin auria-storefront */
  --auria-bg: var(--ad-bg);
  --auria-surface: var(--ad-surface-1);
  --auria-surface-2: var(--ad-surface-2);
  --auria-surface-3: var(--ad-surface-3);
  --auria-ink-1: var(--ad-ink-1);
  --auria-ink-2: var(--ad-ink-2);
  --auria-ink-3: var(--ad-ink-3);
  --auria-ink-4: var(--ad-ink-4);
  --auria-accent: var(--ad-primary);
  --auria-accent-deep: var(--ad-primary-dark);
  --auria-accent-ink: var(--ad-primary-on);
  --auria-accent-soft: var(--ad-primary-soft);
  --auria-sale: var(--ad-primary-dark);
  --auria-sale-soft: var(--ad-primary-soft);
  --auria-open: var(--ad-open);
  --auria-open-soft: var(--ad-open-soft);
  --auria-closed: var(--ad-closed);
  --auria-closed-soft: var(--ad-closed-soft);
  --auria-border: var(--ad-border);
  --auria-border-soft: var(--ad-border-soft);
  --auria-border-strong: var(--ad-border-strong);
  --auria-font-body: var(--ad-font-sans);
  --auria-font-display: var(--ad-font-sans);
  --auria-radius-sm: var(--ad-radius-sm);
  --auria-radius-md: var(--ad-radius-md);
  --auria-radius-lg: var(--ad-radius-lg);
  --auria-radius-xl: var(--ad-radius-xl);
  --auria-radius-2xl: var(--ad-radius-2xl);
  --auria-radius-full: var(--ad-radius-full);
  --auria-shadow-resting: var(--ad-shadow-card);
  --auria-shadow-hover: var(--ad-shadow-hover);
  --auria-shadow-fab: var(--ad-shadow-fab);
  --auria-bb-height: var(--ad-bb-height);
  --auria-bb-fab-size: var(--ad-bb-fab);
  --auria-z-header: var(--ad-z-header);
  --auria-z-bb: var(--ad-z-bb);
  --auria-z-sheet: var(--ad-z-sheet);
  --auria-duration-fast: var(--ad-dur-fast);
  --auria-duration-base: var(--ad-dur-base);
  --auria-ease-out: var(--ad-ease-out);
  --auria-ease-spring: var(--ad-ease-spring);
  --auria-text-xs: var(--ad-text-xs);
  --auria-text-sm: var(--ad-text-sm);
  --auria-text-base: var(--ad-text-base);
  --auria-text-md: var(--ad-text-md);
  --auria-text-lg: var(--ad-text-lg);
  --auria-text-xl: var(--ad-text-xl);
  --auria-text-2xl: var(--ad-text-2xl);
  --auria-text-3xl: var(--ad-text-3xl);
  --auria-weight-medium: var(--ad-weight-medium);
  --auria-weight-semibold: var(--ad-weight-semibold);
  --auria-space-1: var(--ad-space-1);
  --auria-space-2: var(--ad-space-2);
  --auria-space-3: var(--ad-space-3);
  --auria-space-4: var(--ad-space-4);
  --auria-space-5: var(--ad-space-5);
  --auria-space-6: var(--ad-space-6);
  --auria-space-7: var(--ad-space-7);
  --auria-space-8: var(--ad-space-8);
}