/* Palette et dimensions communes, y compris pour le créateur de parcours. */
:root {
    color-scheme: light;
    --color-page: #f6f5f3;
    --color-surface: #fff;
    --color-surface-subtle: #f1efec;
    --color-text: #292522;
    --color-muted: #69615c;
    --color-accent: #fc4c02;
    --color-accent-strong: #b93800;
    --color-accent-hover: #942e00;
    --color-accent-soft: #fff1e8;
    --color-accent-border: #efc3aa;
    --color-border: #e5e0db;
    --color-success: #17623a;
    --color-success-soft: #e8f7ee;
    --color-error: #901c1c;
    --color-error-soft: #feeceb;
    --color-warning: #7a4500;
    --color-warning-soft: #fff4e5;
    --shadow-card: 0 3px 12px rgb(41 37 34 / 5%);
    --radius-card: 12px;
    --radius-control: 8px;
    --card-border-width: 2px;
    --card-border-width-accent: var(--card-border-width);
    --content-width: 1120px;
    --space-page: 20px;
    --space-section: 20px;
    --panel-padding: 20px;
    --font-size-body: 1rem;
    --font-size-page-title: clamp(1.8rem, 4vw, 2.5rem);
    --font-size-section: 1.15rem;
    --font-size-subheading: 1rem;
    --font-size-note: .85rem;
    --font-size-label: .8rem;
    --font-size-control: .9rem;
    --font-size-value: clamp(1.1rem, 3vw, 1.35rem);
    --font-size-hero: clamp(1.6rem, 4vw, 2rem);
    --font-size-unit: .75rem;
    --footer-padding-block: 3px;
    --footer-clearance: 32px;
    --font-body: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    /* Compatibilité avec les composants existants. */
    --apple-bg: var(--color-page);
    --apple-card: var(--color-surface);
    --text-main: var(--color-text);
    --text-sub: var(--color-muted);
    --shadow: var(--shadow-card);
    --bg-main: var(--color-page);
    --card-bg: var(--color-surface);
}
@media (max-width: 768px) {
    :root { --space-page: 15px; --space-section: 12px; --panel-padding: 15px; }
}