@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css');

:root {
  /* Palette: #17202A, #212F3C, #F1C40F, #FDFEFE */
  --primary-color: #F1C40F;      /* Gold */
  --secondary-color: #D4AC0D;    /* Dark Gold */
  --accent-color: #F7DC6F;       /* Light Gold */
  --light-color: #273746;        /* Dark Grey (used as "light" relative to bg) */
  --dark-color: #17202A;         /* Almost Black */
  --gradient-primary: linear-gradient(45deg, #F1C40F, #B7950B);
  --hover-color: #B7950B;
  --background-color: #1C2833;   /* Dark Blue-Grey Background */
  --text-color: #ECF0F1;         /* White-ish text */
  
  --border-color: rgba(241, 196, 15, 0.3);
  --divider-color: rgba(241, 196, 15, 0.1);
  --shadow-color: rgba(0, 0, 0, 0.5);
  
  --highlight-color: #E74C3C;
  
  --main-font: 'Oswald', sans-serif;
  --alt-font: 'Lato', sans-serif;
}

body {
    font-family: var(--alt-font);
    background-color: var(--background-color);
    color: var(--text-color);
}
h1, h2, h3 { font-family: var(--main-font); text-transform: uppercase; letter-spacing: 2px; }

/* Dark Neumorphism / Minimal borders */
.dark-box {
    background: #212F3C;
    border: 1px solid rgba(241, 196, 15, 0.1);
    box-shadow: 0 4px 6px rgba(0,0,0,0.3);
}
.gold-text {
    color: var(--primary-color);
}