/* ============================================
   Theme 1: PATRIOTIC — Navy / Red / Gold
   Military-inspired, bold, proud
   ============================================ */

[data-theme="patriotic"] {
  /* Backgrounds */
  --bg-primary: #0B1D3A;
  --bg-secondary: #0F2444;
  --hero-bg: linear-gradient(135deg, #0B1D3A 0%, #122A52 50%, #0E2040 100%);
  --hero-pattern: radial-gradient(circle at 20% 50%, rgba(196,30,58,0.08) 0%, transparent 50%),
                  radial-gradient(circle at 80% 30%, rgba(212,168,67,0.06) 0%, transparent 50%);
  --hero-pattern-opacity: 1;

  /* Text */
  --text-primary: #E8EDF5;
  --text-secondary: #9BB0CE;
  --text-heading: #FFFFFF;
  --text-muted: #5E7A9A;

  /* Accents */
  --accent-1: #C41E3A;
  --accent-1-hover: #E02040;
  --accent-2: #D4A843;

  /* Buttons */
  --btn-primary-bg: #C41E3A;
  --btn-primary-text: #FFFFFF;
  --btn-primary-hover: #D4283F;
  --btn-shadow: rgba(196,30,58,0.35);

  /* Cards */
  --card-bg: rgba(255,255,255,0.04);
  --card-border: rgba(255,255,255,0.08);
  --card-hover-shadow: 0 8px 32px rgba(0,0,0,0.3), 0 0 0 1px rgba(212,168,67,0.15);

  /* Badge */
  --badge-bg: rgba(212,168,67,0.15);
  --badge-text: #D4A843;

  /* Icons */
  --icon-bg: rgba(212,168,67,0.1);

  /* Mascot */
  --mascot-glow: rgba(196,30,58,0.15);

  /* Nav */
  --header-bg: rgba(11,29,58,0.8);
  --header-bg-solid: rgba(11,29,58,0.95);
  --mobile-nav-bg: rgba(11,29,58,0.97);
  --nav-link: #B8C9E0;
  --nav-link-hover: #FFFFFF;
  --nav-link-hover-bg: rgba(255,255,255,0.06);
  --border-subtle: rgba(255,255,255,0.2);

  /* Form */
  --input-bg: rgba(255,255,255,0.06);
  --input-border: rgba(255,255,255,0.12);
  --input-focus-border: #D4A843;
  --input-focus-shadow: rgba(212,168,67,0.15);
  --input-checked-bg: rgba(212,168,67,0.08);

  /* Footer */
  --footer-bg: #07142A;
  --footer-text: #B8C9E0;
}

/* Patriotic star texture on hero */
[data-theme="patriotic"] .hero-bg-pattern {
  background-image:
    var(--hero-pattern),
    url("data:image/svg+xml,%3Csvg width='60' height='60' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M30 5l3.09 9.51h10L35.55 20l3.09 9.51L30 23.03l-8.64 6.48L24.45 20l-7.54-5.49h10z' fill='%23D4A843' opacity='.03'/%3E%3C/svg%3E");
  opacity: 1;
}
