:root {
  --radius: 0.625rem;
  --primary: oklch(0.205 0 0);
  --primary-foreground: oklch(0.985 0 0);
  --electric-yellow: 45 100% 50%;
  --industrial-gray: 210 10% 23%;
  --light-gray: 210 10% 90%;
  --corporate-black: 0 0% 0%;

  /* Gradientes corporativos */
  --gradient-hero: linear-gradient(
    135deg,
    hsl(0 0% 0%),
    hsl(210 10% 23%)
  );
  --gradient-accent: linear-gradient(
    135deg,
    hsl(45 100% 50%),
    hsl(45 100% 40%)
  );
  --gradient-card: linear-gradient(
    135deg,
    hsl(0 0% 100%),
    hsl(210 10% 90%)
  );

  /* Sombras elegantes */
  --shadow-card: 0 4px 20px rgba(0, 0, 0, 0.1);
  --shadow-hover: 0 8px 30px rgba(0, 0, 0, 0.15);
  --shadow-accent: 0 4px 20px rgba(255, 215, 0, 0.3);
}

body {
    font-family: 'Funnel Display', system-ui, -apple-system, sans-serif;
    font-weight: 500;
}

.bg-corporate-black { background-color: #000; }
.text-electric-yellow { color: #f2c41d; } /* Approx hsl(45 100% 50%) */
.bg-electric-yellow { background-color: #f2c41d; }
.btn-electric {
    background: var(--gradient-accent);
    border: none;
    color: #000;
    font-weight: 600;
}
.btn-electric:hover {
    filter: brightness(1.1);
    color: #000;
}

.card-corporate {
    background: var(--gradient-card);
    border-radius: var(--radius);
    box-shadow: var(--shadow-card);
    transition: transform 0.2s, box-shadow 0.2s;
}

.card-corporate:hover {
    transform: translateY(-5px);
    box-shadow: var(--shadow-hover);
}