/* Art Deco Theme - Geometric & Gold */
@import url('https://fonts.googleapis.com/css2?family=Josefin+Sans:wght@300;400;600&family=Playfair+Display:ital,wght@0,400;0,700;1,400&display=swap');

:root {
  /* Background Colors - Deep, Rich */
  --color-bg-primary: #121212;
  --color-bg-secondary: #1a1f26;
  --color-bg-tertiary: #20262e;
  --color-bg-header: rgba(18, 18, 18, 0.95);

  /* Text Colors - Cream/Gold */
  --color-text-primary: #e8e3d2;
  --color-text-secondary: #c0b396;
  --color-text-muted: #8a806d;

  /* Border Colors - Gold/Brass */
  --color-border: #d4af37;
  --color-border-light: rgba(212, 175, 55, 0.3);
  --color-border-medium: rgba(212, 175, 55, 0.6);

  /* Accent Colors */
  --color-accent-primary: #d4af37; /* Gold */
  --color-accent-secondary: #2c5f58; /* Emerald Green */
  --color-accent-blue: #2c5f58; /* Use Emerald for Blue */
  --color-accent-green: #2c5f58;
  --color-accent-red: #8a2be2; 
  --color-accent-yellow: #f1c40f;
  --color-accent-amber: #e67e22;

  /* Steam Colors - Dark */
  --color-steam-bg: #171a21;
  --color-steam-hover: #2a475e;
  --color-steam-text: #c5c3c0;
  --color-steam-border: #d4af37;

  /* Glass Effect */
  --glass-bg: rgba(18, 18, 18, 0.9);
  --glass-border: rgba(212, 175, 55, 0.4);

  /* Telegram Color */
  --color-telegram: #0088cc;

  /* Status Colors */
  --color-online-ping: rgba(212, 175, 55, 0.75);
  --color-online: #d4af37;
}

/* Typography Overrides */
body, .font-sans {
    font-family: 'Josefin Sans', sans-serif !important;
}

/* Art Deco Pattern Background */
body {
  background-color: var(--color-bg-primary);
  background-image: 
    radial-gradient(circle at 50% 0, transparent 45%, rgba(212, 175, 55, 0.05) 46%, rgba(212, 175, 55, 0.05) 50%, transparent 51%),
    radial-gradient(circle at 50% 100%, transparent 45%, rgba(212, 175, 55, 0.05) 46%, rgba(212, 175, 55, 0.05) 50%, transparent 51%);
  background-size: 60px 60px;
  background-position: 0 0, 30px 30px;
  background-attachment: fixed;
}

h1, h2, h3, h4, h5, h6, .font-serif, .font-display {
    font-family: 'Playfair Display', serif !important;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}

/* Geometric Borders & Shapes */
.rounded-lg, .rounded-xl, .rounded-2xl, .rounded-md, .rounded {
    border-radius: 2px !important; /* Sharp corners for Art Deco */
}

/* Add double borders or gold accents to cards */
.bg-glass, .card, .panel, .game-card {
    border: 1px solid var(--color-border-medium) !important;
    box-shadow: 0 0 10px rgba(212, 175, 55, 0.1);
    border-radius: 2px !important;
}

.game-card:hover {
    box-shadow: 0 0 20px rgba(212, 175, 55, 0.4) !important;
    border-color: var(--color-accent-primary) !important;
}

/* Decorative elements */
hr {
    border-color: var(--color-border);
    opacity: 0.5;
}

/* Button overrides */
.btn-primary, .bg-purple-600 {
    background-color: var(--color-accent-primary) !important;
    color: #000 !important;
    border: 1px solid #fff;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.btn-primary:hover, .bg-purple-600:hover {
    background-color: #c5a028 !important;
}

/* Specific overrides for classes that might be hardcoded in templates */
.text-gray-900 { color: var(--color-text-primary) !important; }
.text-gray-800 { color: var(--color-text-primary) !important; }
.text-gray-700 { color: var(--color-text-secondary) !important; }
.text-gray-600 { color: var(--color-text-muted) !important; }
.text-gray-500 { color: var(--color-text-muted) !important; }
.text-white { color: var(--color-text-primary) !important; }

/* Ensure backgrounds are dark */
.bg-white { background-color: var(--color-bg-secondary) !important; }
.bg-gray-50 { background-color: var(--color-bg-primary) !important; }
.bg-gray-100 { background-color: var(--color-bg-tertiary) !important; }
.bg-gray-900 { background-color: #000 !important; }

/* Input fields */
input, select, textarea {
    background-color: rgba(0,0,0,0.3) !important;
    border: 1px solid var(--color-border-medium) !important;
    color: var(--color-text-primary) !important;
    border-radius: 0 !important;
}

/* Scrollbar */
::-webkit-scrollbar-thumb {
    background: var(--color-border);
    border-radius: 0;
}
::-webkit-scrollbar-track {
    background: var(--color-bg-primary);
}

/* Restore Font Awesome families overridden by theme typography */
.fa, .fas, .fa-solid, .far, .fa-regular {
    font-family: "Font Awesome 6 Free" !important;
}
.fab, .fa-brands {
    font-family: "Font Awesome 6 Brands" !important;
}