/**
 * ReductrAI Brand Colors
 * https://reductrai.com/branding
 */

:root {
  /* Primary */
  --reductrai-orange: #ff6b35;
  --reductrai-orange-dark: #e55a2b;
  --reductrai-orange-light: #ff8c5a;
  --reductrai-orange-glow: rgba(255, 107, 53, 0.4);

  /* Accent */
  --reductrai-cyan: #00d4ff;
  --reductrai-cyan-dark: #00a8cc;
  --reductrai-cyan-glow: rgba(0, 212, 255, 0.4);

  /* Status */
  --reductrai-green: #10b981;
  --reductrai-red: #ef4444;
  --reductrai-yellow: #eab308;
  --reductrai-purple: #8b5cf6;

  /* Backgrounds */
  --reductrai-bg-dark: #050810;
  --reductrai-bg-card: rgba(10, 15, 30, 0.9);
  --reductrai-bg-card-hover: rgba(20, 25, 45, 0.95);

  /* Borders */
  --reductrai-border: rgba(0, 212, 255, 0.15);
  --reductrai-border-orange: rgba(255, 107, 53, 0.3);

  /* Text */
  --reductrai-text: #ffffff;
  --reductrai-text-secondary: rgba(255, 255, 255, 0.7);
  --reductrai-text-muted: rgba(255, 255, 255, 0.5);
  --reductrai-text-dim: rgba(255, 255, 255, 0.3);
}

/* Gradients */
.reductrai-gradient-primary {
  background: linear-gradient(135deg, var(--reductrai-orange) 0%, var(--reductrai-orange-dark) 100%);
}

.reductrai-gradient-accent {
  background: linear-gradient(135deg, var(--reductrai-cyan) 0%, var(--reductrai-cyan-dark) 100%);
}

.reductrai-gradient-text {
  background: linear-gradient(135deg, #fff 0%, var(--reductrai-orange) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}