:root {
    --brand-green: #3ECF4D;
    --brand-green-rgb: 62, 207, 77;
    --tech-blue: #1E90FF;
    --tech-blue-rgb: 30, 144, 255;

    --background-primary: #FFFFFF;
    --background-secondary: #F8F4EC;
    --background-tertiary: #EEE8DC;
    --background: var(--background-secondary);

    --text-primary: #1a0f08;
    --text-secondary: #6b5240;
    --text-tertiary: #9a7a60;
    --text-inverse: #FFFFFF;
    --text-heading: var(--text-primary);

    --border-color: rgba(83, 49, 27, 0.15);
    --shadow-color: rgba(83, 49, 27, 0.08);
    --hover-overlay: rgba(83, 49, 27, 0.04);
    --shadow-sm: 0 1px 2px var(--shadow-color);
    --shadow-md: 0 4px 12px var(--shadow-color);
    --shadow-lg: 0 10px 30px var(--shadow-color);

    --card-background: #FFFFFF;
    --card-border: rgba(83, 49, 27, 0.12);
    --input-background: #FFFFFF;
    --input-border: rgba(83, 49, 27, 0.2);

    --success-color: #3ECF4D;
    --warning-color: #F59E0B;
    --error-color: #EF4444;
    --info-color: #3B82F6;

    --transition-fast: 0.15s ease;
    --transition-normal: 0.3s ease;

    --brand-green-hover: #2CB63C;

    --brand-accent: #53311B;
    --brand-accent-hover: #3d2213;
    --brand-accent-rgb: 83, 49, 27;
}

html, body {
    font-family: 'Open Sans', sans-serif;
    background-color: var(--background-secondary);
    color: var(--text-primary);
    margin: 0;
    padding: 0;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Montserrat', sans-serif;
    color: var(--text-primary);
}

a {
    color: var(--tech-blue);
    text-decoration: none;
}

a:hover {
    color: var(--brand-green);
}