/* Design tokens and shared element defaults. */



:root {
    --background: #f4f2eb;
    --surface: #ffffff;
    --surface-soft: #f8f7f2;
    --line: #d8d6cc;
    --text: #1e1e1a;
    --muted: #5f615a;
    --accent: #245c37;
    --accent-dark: #19472a;
    --accent-light: #e7f1e9;
    --gold: #d09217;
    --gold-dark: #a96300;
    --gold-light: #fff8dc;
    --error: #8a3030;
    --error-light: #f8eaea;
    --shadow-soft: 0 2px 12px rgba(45, 43, 34, 0.08);
    --radius: 8px;
    --logo-tilt: 30deg;
}

* {
    box-sizing: border-box;
}

body {
    margin: 0;
    min-height: 100vh;
    overflow: hidden;
    background: var(--background);
    color: var(--text);
    font-family: "Segoe UI", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
    -webkit-font-smoothing: antialiased;
}

.lesson-area textarea {
    user-select: text;
}

.lesson-area button,
.lesson-area input,
.lesson-area select,
.lesson-area textarea,
.preview-tab,
.site-logo,
.show-lessons-button {
    font: inherit;
}

.lesson-area button,
.preview-tab,
.site-logo,
.show-lessons-button {
    cursor: pointer;
}

.lesson-area button,
.preview-tab,
.show-lessons-button {
    transition: border-color 160ms ease, background-color 160ms ease, color 160ms ease, box-shadow 160ms ease;
}

.lesson-area button:not(.progress-dot):not(.chapter-button),
.lesson-area input:not([type="checkbox"]),
.lesson-area select,
.preview-tab,
.show-lessons-button {
    min-height: 44px;
}