/* ============================================
   THEME: LastDistrict — Dark Navy + Gold
   ============================================ */

:root {
  /* Primary palette */
  --color-bg-primary:       #0B1120;
  --color-bg-secondary:     #111B2E;
  --color-bg-card:          #152038;
  --color-text-primary:     #F0F2F5;
  --color-text-secondary:   #B8C0CE;
  --color-text-muted:       #6B7A94;
  --color-accent:           #C9A94E;
  --color-accent-hover:     #D4B85C;
  --color-accent-subtle:    rgba(201, 169, 78, 0.12);

  /* Surfaces */
  --color-header-bg:        rgba(11, 17, 32, 0.85);
  --color-header-bg-solid:  rgba(11, 17, 32, 0.95);
  --color-footer-bg:        #080D1A;
  --color-hero-bg:          #0B1120;
  --color-section-alt-bg:   #0E1628;

  /* Gradients */
  --gradient-hero:          linear-gradient(160deg, #0B1120 0%, #152038 40%, #0E1628 100%);
  --gradient-card:          linear-gradient(180deg, #152038 0%, #111B2E 100%);

  /* Shadows */
  --shadow-card:            0 4px 24px rgba(0, 0, 0, 0.3);
  --shadow-card-hover:      0 8px 40px rgba(201, 169, 78, 0.12);

  /* Typography */
  --font-family-primary:    'Inter', system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  --font-family-heading:    'Inter', system-ui, -apple-system, BlinkMacSystemFont, sans-serif;

  /* Spacing (8px base) */
  --space-xs:   0.25rem;
  --space-sm:   0.5rem;
  --space-md:   1rem;
  --space-lg:   1.5rem;
  --space-xl:   2rem;
  --space-2xl:  3rem;
  --space-3xl:  4rem;
  --space-4xl:  6rem;

  /* Border radius */
  --radius-sm:  4px;
  --radius-md:  8px;
  --radius-lg:  12px;
  --radius-xl:  16px;

  /* Transitions */
  --transition-fast:    150ms ease;
  --transition-normal:  250ms ease;
  --transition-slow:    400ms ease;

  /* Layout */
  --max-width:       1200px;
  --header-height:   72px;

  /* Hero pattern (subtle grid) */
  --hero-pattern: radial-gradient(circle at 1px 1px, rgba(201, 169, 78, 0.3) 1px, transparent 0);
  background-size: 40px 40px;
}