/**
 * AIRON design tokens
 * Source: https://aironsite.org/ (:root + logo)
 * Version: 1.0.0
 */

:root {
  --airon-gold: #c9a84c;
  --airon-gold-deep: #9e7f30;
  --airon-gold-bright: #d8b028;
  --airon-gold-dim: rgba(201, 168, 76, 0.15);
  --airon-lime: #b6f542;
  --airon-lime-dim: rgba(182, 245, 66, 0.12);
  --airon-black: #000000;
  --airon-navy: #081820;
  --airon-surface: #0d0d0d;
  --airon-surface-2: #111111;
  --airon-text: #e8e8e8;
  --airon-muted: #727272;
  --airon-border: rgba(201, 168, 76, 0.16);
  --airon-danger: #bb4444;
  --airon-cta-text: #000000;

  --airon-font-head: "Rajdhani", sans-serif;
  --airon-font-body: "Inter", system-ui, sans-serif;
  --airon-font-mono: "Courier New", ui-monospace, monospace;

  --airon-text-label: 0.72rem;
  --airon-text-body: 1.0625rem;
  --airon-text-h2: 1.375rem;
  --airon-text-h1: clamp(2rem, 4.5vw, 2.875rem);
  --airon-text-hero: clamp(4rem, 12vw, 8rem);

  --airon-tracking-head: 0.08em;
  --airon-tracking-wordmark: 0.14em;
  --airon-tracking-label: 0.12em;

  --airon-radius-sm: 0.5rem;
  --airon-radius-md: 1rem;
  --airon-radius-lg: 1.25rem;
  --airon-radius-pill: 9999px;

  --airon-space-1: 0.25rem;
  --airon-space-2: 0.5rem;
  --airon-space-3: 0.75rem;
  --airon-space-4: 1rem;
  --airon-space-6: 1.5rem;
  --airon-space-8: 2rem;
  --airon-space-12: 3rem;
  --airon-space-16: 4rem;

  --airon-shadow-header: 0 4px 32px rgba(0, 0, 0, 0.8);
  --airon-shadow-card: 0 10px 28px rgba(0, 0, 0, 0.35);
  --airon-glow-gold: 0 0 80px rgba(201, 168, 76, 0.3);

  --airon-gradient-cta: linear-gradient(135deg, var(--airon-gold), var(--airon-gold-deep));
  --airon-gradient-hero: radial-gradient(
      ellipse 65% 45% at 50% 0%,
      rgba(201, 168, 76, 0.07),
      transparent 65%
    ),
    var(--airon-black);
}

/* Utility helpers for brand surfaces */
.airon-bg {
  background: var(--airon-gradient-hero);
  color: var(--airon-text);
  font-family: var(--airon-font-body);
}

.airon-wordmark {
  font-family: var(--airon-font-head);
  font-weight: 700;
  letter-spacing: var(--airon-tracking-wordmark);
  color: var(--airon-gold);
  text-transform: uppercase;
}

.airon-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0.5rem 1.1rem;
  border-radius: var(--airon-radius-pill);
  background: var(--airon-gradient-cta);
  color: var(--airon-cta-text);
  font-family: var(--airon-font-head);
  font-weight: 700;
  letter-spacing: 0.05em;
  text-decoration: none;
  border: 0;
  box-shadow: 0 2px 14px rgba(201, 168, 76, 0.28);
}

.airon-badge {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.28rem 0.8rem;
  border-radius: var(--airon-radius-pill);
  border: 1px solid rgba(201, 168, 76, 0.35);
  color: var(--airon-gold);
  font-family: var(--airon-font-head);
  font-size: var(--airon-text-label);
  font-weight: 700;
  letter-spacing: var(--airon-tracking-label);
  text-transform: uppercase;
}

.airon-card {
  background: var(--airon-surface);
  border: 1px solid var(--airon-border);
  border-radius: var(--airon-radius-lg);
  box-shadow: var(--airon-shadow-card);
}