:root{--L-sapin:#1a4a26;--L-feuille:#649a4f;--L-ecorce:#8d5524;--L-ecorce-dark:#1e3d2b;--L-eau:#4a8db7;--L-bg:#fdfcf8;--L-surface:#fff;--L-text:#2c3e50;--L-border:#e0e0e0;--D-sapin-text:#a5d6a7;--D-sapin-btn:#2e7d32;--D-feuille:#81c784;--D-ecorce:#e6ceb9;--D-eau:#81d4fa;--D-bg:#121212;--D-surface:#1e1e1e;--D-text:#e0e0e0;--D-border:#333;--color-primary:var(--L-sapin);--color-btn-bg:var(--L-sapin);--color-accent:var(--L-feuille);--color-detail:var(--L-ecorce);--color-icon:var(--L-eau);--color-error:#c53030;--bg-body:var(--L-bg);--bg-card:var(--L-surface);--bg-input:#fff;--text-main:var(--L-text);--text-muted:#5a6c7d;--text-heading:var(--L-sapin);--text-inverse:#fff;--focus-ring:0 0 0 3px #4a8db780;--border-main:var(--L-border);--shadow-card:0 4px 20px #1a4a2614;--radius-sm:8px;--radius-md:16px;--radius-lg:30px}html.dark-mode{--color-primary:var(--D-sapin-text);--color-btn-bg:var(--D-sapin-btn);--color-accent:var(--D-feuille);--color-detail:var(--D-ecorce);--color-icon:var(--D-eau);--color-error:#fc8181;--bg-body:var(--D-bg);--bg-card:var(--D-surface);--bg-input:#2c2c2c;--text-main:var(--D-text);--text-muted:#a0aab4;--text-heading:var(--D-sapin-text);--text-inverse:#fff;--focus-ring:0 0 0 3px #81d4fa80;--border-main:var(--D-border);--shadow-card:0 4px 20px #00000080}html.dark-mode img{filter:brightness(.85);transition:filter .3s}
:root{--text-xs:.85rem;--text-sm:.95rem;--text-base:1.05rem;--text-lg:1.25rem;--text-xl:1.5rem;--heading-sm:2rem;--heading-md:2.5rem;--heading-lg:3rem}@media (min-width:1025px){:root{--text-base:1.1rem;--heading-lg:4.5rem;--heading-md:3rem}}body{font-family:var(--font-body),"Lora",serif;font-size:var(--text-base);color:var(--text-main);background-color:var(--bg-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.7;transition:background-color .3s,color .3s}h1,h2,h3,h4{font-family:var(--font-heading),"Playfair Display",serif;color:var(--text-heading);font-weight:700;line-height:1.2}h1{font-size:var(--heading-lg)}h2{font-size:var(--heading-md)}h3{font-size:var(--heading-sm)}h4{font-size:var(--text-xl)}a{color:inherit;text-decoration:none;transition:all .3s}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{box-shadow:var(--focus-ring);outline:none}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;transition-delay:0s!important;animation-duration:.01ms!important;animation-iteration-count:1!important}html{scroll-behavior:auto!important}}
.animate-on-scroll{opacity:0;transition:opacity .6s ease-out,transform .6s ease-out;transform:translateY(20px)}.animate-on-scroll.is-visible{opacity:1;transform:translateY(0)}.animate-on-scroll:first-child{transition-delay:0s}.animate-on-scroll:nth-child(2){transition-delay:.1s}.animate-on-scroll:nth-child(3){transition-delay:.2s}.animate-on-scroll:nth-child(4){transition-delay:.3s}.animate-on-scroll:nth-child(5){transition-delay:.4s}.animate-on-scroll:nth-child(6){transition-delay:.5s}@media (prefers-reduced-motion:reduce){.animate-on-scroll{opacity:1;transform:none;transition-delay:0s!important}}
*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{max-width:100vw;overflow-x:hidden}body{background:var(--bg-body);color:var(--text-main);transition:background-color .3s,color .3s}:focus-visible{outline:3px solid var(--color-icon);outline-offset:2px}:focus:not(:focus-visible){outline:none}a:focus-visible{outline:3px solid var(--color-icon);outline-offset:2px;text-decoration:underline}button:focus-visible,[role=button]:focus-visible{outline:3px solid var(--color-accent);outline-offset:2px}input:focus-visible,textarea:focus-visible,select:focus-visible{box-shadow:var(--focus-ring);border-color:var(--color-icon);outline:none}#main-content:focus{outline:none}