/* ==================================
   BASE STYLES
   CSS Reset, Variables, Typography
   ================================== */

/* CSS Reset */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

/* CSS Custom Properties (Variables) */
:root {
    --primary-dark: #1a1410;
    --secondary-dark: #2d2418;
    --tertiary-dark: #3d3428;
    --accent-gold: #c4a962;
    --accent-gold-light: #d4b972;
    --accent-gold-dark: #b49952;
    --text-light: #ffffff;
    --text-gray: #d1d5db;
    --text-muted: #9ca3af;
    --bg-overlay: rgba(26, 20, 16, 0.92);
    --border-subtle: rgba(196, 169, 98, 0.15);
    --border-medium: rgba(196, 169, 98, 0.3);
    --border-strong: rgba(196, 169, 98, 0.6);
}

/* Base Typography & Body Styles */
body {
    font-family: 'Poppins', 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    background-color: var(--primary-dark);
    color: var(--text-light);
    line-height: 1.6;
}

/* Smooth Scrolling */
html {
    scroll-behavior: smooth;
}