/* Base CSS - Reset, Typography, Body */

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

/* TT Chocolates Font - Configured */
@font-face {
    font-family: 'TT Chocolates';
    src: url('../fonts/TTChocolates-Regular.ttf') format('truetype'),
         url('../fonts/TTChocolates-Regular.otf') format('opentype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'TT Chocolates';
    src: url('../fonts/TTChocolates-Bold.ttf') format('truetype'),
         url('../fonts/TTChocolates-Bold.otf') format('opentype');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

/* Body */
body {
    margin: 0;
    padding: 0;
    background: var(--bg-primary);
    color: var(--text-primary);
    font-family: var(--font-family);
    font-size: var(--font-size-base);
    font-weight: var(--font-weight-normal);
    line-height: var(--line-height-normal);
    overflow-x: hidden;
    min-height: 100vh;
    transition: background-color 0.3s, color 0.3s;
}

/* Typography Elements */
h1 {
    font-size: var(--font-size-4xl);
    font-weight: var(--font-weight-bold);
    line-height: var(--line-height-tight);
    margin: 0 0 1rem 0;
}

h2 {
    font-size: var(--font-size-3xl);
    font-weight: var(--font-weight-bold);
    line-height: var(--line-height-tight);
    margin: 0 0 0.75rem 0;
}

h3 {
    font-size: var(--font-size-2xl);
    font-weight: var(--font-weight-semibold);
    line-height: var(--line-height-tight);
    margin: 0 0 0.5rem 0;
}

h4 {
    font-size: var(--font-size-xl);
    font-weight: var(--font-weight-semibold);
    line-height: var(--line-height-normal);
    margin: 0 0 0.5rem 0;
}

p {
    font-size: var(--font-size-base);
    line-height: var(--line-height-normal);
    margin: 0 0 1rem 0;
}

small, .text-sm {
    font-size: var(--font-size-sm);
}

.text-xs {
    font-size: var(--font-size-xs);
}

.text-lg {
    font-size: var(--font-size-lg);
}