/* Explain: Theme design tokens (colors, fonts, and background image). */
:root {
    --primary-color: #1A365D; /* Navy Blue */
    --primary-hover: #152b4a;
    --primary-soft: #EAF1F9; /* Light navy tint */
    --navy-deep: #0F2440; /* Deep navy for gradients & footer */
    --secondary-color: #F7FAFC; /* Soft Gray */
    --accent-color: #D69E2E; /* Bright Amber */
    --accent-hover: #b78627;
    --accent-soft: #FDF4E1; /* Light amber tint */
    --background-color: #FFFFFF; /* White */
    --surface-color: #F7FAFC; /* Soft Gray */
    --text-color: #2d3748;
    --text-muted: #4f5b6b;
    --border-color: #e2e8f0;
    --navy-soft: #4C7BB5; /* Mid navy for characters */
    --teal-color: #2E9E93;
    --plum-color: #7A4FB5;
    --rose-color: #C45A6B;
    --sky-color: #2F7FCB;
    --leaf-color: #3FA45F;
    --char-outline: #111827; /* Bold cartoon outline for character faces */
    --font-heading: 'Merriweather', serif;
    --font-body: 'Open Sans', sans-serif;
    --font-character: 'Baloo 2', 'Open Sans', sans-serif;
    --site-bg-image: url('https://files.cdn-files-a.com/uploads/12646271/normal_6af8b47486b4d.png?format=avif');
    --site-bg-veil: linear-gradient(180deg, rgba(15, 36, 64, 0.10) 0%, rgba(15, 36, 64, 0.04) 50%, rgba(15, 36, 64, 0.14) 100%);
}