/**
 * Fastcron brand theme — colors from Fastcron Logo.png
 * Navy (FAST / gear): #0B213E  |  Orange→Red (CRON): #F87105 → #F5432A
 */
:root {
  --fc-navy: #0B213E;
  --fc-navy-light: #152D4A;
  --fc-navy-muted: #1E4976;
  --fc-navy-50: #E8EEF5;
  --fc-navy-100: #C5D4E3;

  --fc-orange: #F87105;
  --fc-orange-dark: #E06204;
  --fc-red-orange: #F5432A;
  --fc-red-orange-dark: #D93A24;

  --primary: var(--fc-navy);
  --primary-dark: #081829;
  --primary-light: var(--fc-navy-50);
  --secondary: var(--fc-red-orange);
  --accent: var(--fc-orange);

  --fc-gradient-accent: linear-gradient(135deg, #F87105 0%, #F5432A 100%);
  --fc-gradient-accent-hover: linear-gradient(135deg, #E06204 0%, #D93A24 100%);
  --fc-gradient-brand: linear-gradient(135deg, #0B213E 0%, #152D4A 100%);
  --fc-gradient-hero: linear-gradient(135deg, #f4f7fb 0%, #e8eef5 50%, #fff5ee 100%);
  --fc-gradient-auth-bg: linear-gradient(135deg, #0B213E 0%, #152D4A 45%, #1a3a5c 100%);

  --sidebar-primary: var(--fc-navy);
  --sidebar-primary-dark: var(--fc-navy-light);
  --sidebar-accent: var(--fc-orange);

  --text: #1a2332;
  --text-light: #64748b;
  --dark: var(--fc-navy);
  --light: #f6f8fb;
  --white: #ffffff;
  --gray: #64748b;
  --light-gray: #eef1f5;

  --danger: #ef4444;
  --success: #10b981;
  --warning: var(--fc-orange);

  --radius: 8px;
  --shadow: 0 1px 3px rgba(11, 33, 62, 0.08);
  --transition: all 0.2s ease;
}

.fc-btn-primary,
.btn-brand-primary {
  background: var(--fc-gradient-accent);
  color: #fff;
  border: none;
  transition: var(--transition);
}

.fc-btn-primary:hover,
.btn-brand-primary:hover {
  background: var(--fc-gradient-accent-hover);
  color: #fff;
}

.fc-btn-navy {
  background: var(--fc-gradient-brand);
  color: #fff;
  border: none;
}

.fc-text-gradient {
  background: var(--fc-gradient-accent);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

.fc-bg-auth {
  background: var(--fc-gradient-auth-bg);
}

.fc-bg-hero {
  background: var(--fc-gradient-hero);
}