/* CSS Custom Properties and Variables */

:root {
    --primary-bg: #FFFFFF;
    --secondary-bg: #FCE4EC;
    --tertiary-bg: #FAF0E6;
    --text-primary: #1A1A1A;
    --text-secondary: #4A4A4A;
    --accent-gold: #D4A017;
    --accent-light: #E0C68F;
    --placeholder-bg: #E0E0E0;
    --placeholder-text: #666666;
}

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

html, body {
    margin: 0;
    padding: 0;
    overflow-x: hidden;
    width: 100%;
    max-width: 100%;
}

body {
    font-family: 'Open Sans', sans-serif;
    line-height: 1.6;
    color: var(--text-secondary);
    background-color: var(--primary-bg);
}

/* Custom Scrollbar */
::-webkit-scrollbar {
    width: 8px;
}

::-webkit-scrollbar-track {
    background: var(--tertiary-bg);
}

::-webkit-scrollbar-thumb {
    background: var(--accent-gold);
    border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
    background: var(--accent-light);
}