/**
 * Auria Storefront — Design tokens
 * Single source of truth pra paleta, espaços, raios, sombras, motion.
 * NUNCA editar valores hardcoded em catalog.css ou bottom-bar.css —
 * sempre referenciar via var(--auria-*).
 *
 * Versão: v0.5.2 (direção visual editorial commercial quente).
 */

:root {
  /* ═══ Paleta ═══ */
  /* Surfaces — warm cream + branco puro */
  --auria-bg: #fdfcf8;
  --auria-surface: #ffffff;
  --auria-surface-2: #f7f5ee;
  --auria-surface-3: #efece2;

  /* Ink — warm grays, não cinza chapado */
  --auria-ink-1: #1c1917;
  --auria-ink-2: #57534e;
  --auria-ink-3: #a8a29e;
  --auria-ink-4: #d6d3d1;

  /* Accent — amber Auria */
  --auria-accent: #f59e0b;
  --auria-accent-deep: #b45309;
  --auria-accent-ink: #451a03;
  --auria-accent-soft: #fef3c7;

  /* Sale — terracotta (não vermelho clichê) */
  --auria-sale: #c2410c;
  --auria-sale-soft: #fff7ed;
  --auria-sale-border: #fed7aa;

  /* Status loja */
  --auria-open: #15803d;
  --auria-open-soft: #f0fdf4;
  --auria-closed: #b91c1c;
  --auria-closed-soft: #fef2f2;

  /* Borders — tonais, baseadas em ink-1 com alpha */
  --auria-border: rgba(28, 25, 23, 0.08);
  --auria-border-soft: rgba(28, 25, 23, 0.04);
  --auria-border-strong: rgba(28, 25, 23, 0.14);

  /* ═══ Tipografia ═══ */
  --auria-font-display: 'AuriaFraunces', 'Fraunces', Georgia, 'Times New Roman', serif;
  --auria-font-body: 'AuriaGeist', 'Geist', -apple-system, BlinkMacSystemFont,
                     'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;

  /* Tamanhos de tipo (escala 1.2x ratio) */
  --auria-text-xs: 11px;
  --auria-text-sm: 13px;
  --auria-text-base: 15px;
  --auria-text-md: 17px;
  --auria-text-lg: 22px;
  --auria-text-xl: 26px;
  --auria-text-2xl: 32px;
  --auria-text-3xl: 38px;

  /* Pesos — somente os 3 que vamos usar */
  --auria-weight-regular: 400;
  --auria-weight-medium: 500;
  --auria-weight-semibold: 600;

  /* ═══ Espaços (sistema 4px) ═══ */
  --auria-space-1: 4px;
  --auria-space-2: 8px;
  --auria-space-3: 12px;
  --auria-space-4: 16px;
  --auria-space-5: 20px;
  --auria-space-6: 24px;
  --auria-space-7: 32px;
  --auria-space-8: 48px;
  --auria-space-9: 64px;

  /* ═══ Raios ═══ */
  --auria-radius-sm: 8px;
  --auria-radius-md: 12px;
  --auria-radius-lg: 14px;
  --auria-radius-xl: 20px;
  --auria-radius-2xl: 28px;
  --auria-radius-full: 9999px;

  /* ═══ Sombras (3 funcionais) ═══ */
  --auria-shadow-resting: 0 1px 2px rgba(28, 25, 23, 0.04);
  --auria-shadow-hover: 0 4px 12px rgba(28, 25, 23, 0.08);
  --auria-shadow-fab: 0 8px 24px rgba(245, 158, 11, 0.32),
                      0 2px 4px rgba(245, 158, 11, 0.18);
  --auria-shadow-sheet: 0 -8px 32px rgba(0, 0, 0, 0.12);

  /* ═══ Motion ═══ */
  --auria-ease: cubic-bezier(0.16, 1, 0.3, 1);
  --auria-ease-out: cubic-bezier(0.33, 1, 0.68, 1);
  --auria-ease-spring: cubic-bezier(0.34, 1.56, 0.64, 1);

  --auria-duration-fast: 150ms;
  --auria-duration-base: 250ms;
  --auria-duration-slow: 400ms;

  /* ═══ Layout ═══ */
  --auria-container: 1280px;
  --auria-content-max: 720px;
  --auria-bb-height: 76px;
  --auria-bb-fab-size: 64px;
  --auria-header-height: 64px;
  --auria-z-header: 80;
  --auria-z-bb: 90;
  --auria-z-sheet: 100;
  --auria-z-overlay: 95;
}