/*
 * Etesco Institutional Design System — tokens
 * Portado de src/styles.css (Lovable). Paleta oficial: laranja #FF9A00 (acento),
 * preto/grafite dominam, laranja é acento pontual (nunca fundo chapado grande).
 * Valores originais em oklch foram convertidos para hex/rgba para compatibilidade
 * ampla com o color picker do Elementor. Ver README-SETUP.md para colar estes
 * mesmos valores em Elementor > Site Settings > Global Colors / Typography.
 */

:root {
  --e-radius: 4px;

  --e-background: #0e0e0e;
  --e-foreground: #f5f5f5;

  --e-surface: #151515;
  --e-surface-2: #201e1b;
  --e-surface-light: #e9e9e9;
  --e-surface-light-foreground: #0b0b0b;
  --e-surface-muted: #f7f7f7;
  --e-surface-muted-foreground: #0b0b0b;

  --e-card: #151515;
  --e-card-foreground: #f5f5f5;
  --e-popover: #151515;
  --e-popover-foreground: #f5f5f5;

  /* Laranja Etesco e queimado */
  --e-primary: #ff9a00;
  --e-primary-foreground: #0e0e0e;
  --e-primary-deep: #b45f04;

  --e-secondary: #201e1b;
  --e-secondary-foreground: #f5f5f5;
  --e-muted: #1c1a17;
  --e-muted-foreground: #a8a29b;
  --e-accent: #ff9a00;
  --e-accent-foreground: #0e0e0e;

  --e-destructive: #e5484d;
  --e-destructive-foreground: #f5f5f5;

  --e-border: rgba(255, 255, 255, 0.1);
  --e-input: rgba(255, 255, 255, 0.12);
  --e-ring: rgba(255, 154, 0, 0.6);

  --e-graphite: #646460;
  --e-offwhite: #f5f5f5;

  --e-font-sans: Arial, ui-sans-serif, system-ui, sans-serif;
  --e-font-display: Arial, ui-sans-serif, system-ui, sans-serif;
}

@keyframes etesco-kenburns {
  0% {
    transform: scale(1) translate(0, 0);
  }
  100% {
    transform: scale(1.08) translate(-1%, -1%);
  }
}

@keyframes etesco-marquee {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-50%);
  }
}