:root{--color-primary:#722F37;--color-primary-light:#8B3A44;--color-primary-dark:#5A252C;--color-secondary:#C5A55A;--color-secondary-light:#D4BA78;--color-secondary-dark:#A88B3D;--color-accent:#7A8B6F;--color-accent-light:#95A589;--color-accent-dark:#5F6D56;--color-bg:#FAF8F5;--color-bg-alt:#F2EFE9;--color-bg-elevated:#FFFFFF;--color-text:#2D2D2D;--color-text-secondary:#6B6B6B;--color-text-muted:#999999;--color-border:#E5E0D8;--color-accord-5:#2E7D32;--color-accord-4:#66BB6A;--color-accord-3:#FBC02D;--color-accord-2:#FF9800;--color-accord-1:#E53935;--color-vin-rouge:#8B1A1A;--color-vin-blanc:#F5E6A3;--color-vin-rose:#F4A7B9;--color-vin-effervescent:#E8D5A3;--color-vin-liquoreux:#D4A017;--font-heading:'Playfair Display',Georgia,serif;--font-body:'Inter',system-ui,-apple-system,sans-serif;--text-xs:clamp(0.75rem, 0.7rem + 0.25vw, 0.8125rem);--text-sm:clamp(0.8125rem, 0.75rem + 0.3vw, 0.9375rem);--text-base:clamp(0.9375rem, 0.875rem + 0.3vw, 1.0625rem);--text-lg:clamp(1.0625rem, 0.95rem + 0.5vw, 1.25rem);--text-xl:clamp(1.25rem, 1.1rem + 0.7vw, 1.5rem);--text-2xl:clamp(1.5rem, 1.2rem + 1.2vw, 2rem);--text-3xl:clamp(1.875rem, 1.5rem + 1.5vw, 2.5rem);--text-4xl:clamp(2.25rem, 1.7rem + 2.2vw, 3.25rem);--space-xs:0.25rem;--space-sm:0.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--space-3xl:4rem;--space-4xl:6rem;--container-max:1200px;--container-narrow:800px;--container-padding:clamp(1rem, 3vw, 2rem);--border-radius:8px;--border-radius-lg:12px;--border-radius-full:9999px;--shadow-sm:0 1px 3px rgba(0,0,0,0.08);--shadow-md:0 4px 12px rgba(0,0,0,0.1);--shadow-lg:0 8px 30px rgba(0,0,0,0.12);--transition-fast:150ms ease;--transition-base:250ms ease;--transition-slow:400ms ease}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{font-family:var(--font-body);color:var(--color-text);background-color:var(--color-bg);line-height:1.6;transition:background-color var(--transition-base),color var(--transition-base);display:flex;flex-direction:column;min-height:100vh}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);line-height:1.2;font-weight:700;margin-top:var(--space-lg);margin-bottom:var(--space-md)}h1{font-size:var(--text-4xl)}h2{font-size:var(--text-3xl)}h3{font-size:var(--text-2xl)}h4{font-size:var(--text-xl)}h5{font-size:var(--text-lg)}h6{font-size:var(--text-base)}p{margin-bottom:var(--space-md)}ol,ul{margin-left:var(--space-lg);margin-bottom:var(--space-md)}li{margin-bottom:var(--space-sm)}a{color:var(--color-primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-primary-light);text-decoration:underline}a:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}img{max-width:100%;height:auto;display:block}input,select,textarea{font:inherit;color:inherit;border:1px solid var(--color-border);padding:var(--space-sm) var(--space-md);border-radius:var(--border-radius);background-color:var(--color-bg-elevated)}input:focus,select:focus,textarea:focus{outline:2px solid var(--color-primary);outline-offset:0}textarea{resize:vertical}button{font:inherit;cursor:pointer;border:none;padding:var(--space-sm) var(--space-lg);border-radius:var(--border-radius);background-color:var(--color-primary);color:var(--color-bg);transition:background-color var(--transition-fast)}button:hover{background-color:var(--color-primary-light)}button:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}table{width:100%;border-collapse:collapse;margin-bottom:var(--space-lg)}td,th{padding:var(--space-md);text-align:left;border-bottom:1px solid var(--color-border)}th{background-color:var(--color-bg-alt);font-weight:600}main{flex:1}.container{max-width:var(--container-max);margin-left:auto;margin-right:auto;padding-left:var(--container-padding);padding-right:var(--container-padding)}.container-narrow{max-width:var(--container-narrow);margin-left:auto;margin-right:auto;padding-left:var(--container-padding);padding-right:var(--container-padding)}section{padding:var(--space-3xl) var(--container-padding)}section:nth-child(2n){background-color:var(--color-bg-alt)}.text-center{text-align:center}.text-muted{color:var(--color-text-muted)}.text-secondary{color:var(--color-text-secondary)}.font-heading{font-family:var(--font-heading)}.mb-sm{margin-bottom:var(--space-sm)}.mb-md{margin-bottom:var(--space-md)}.mb-lg{margin-bottom:var(--space-lg)}.mb-xl{margin-bottom:var(--space-xl)}.mt-sm{margin-top:var(--space-sm)}.mt-md{margin-top:var(--space-md)}.mt-lg{margin-top:var(--space-lg)}.mt-xl{margin-top:var(--space-xl)}.px-sm{padding-left:var(--space-sm);padding-right:var(--space-sm)}.px-md{padding-left:var(--space-md);padding-right:var(--space-md)}.breadcrumb{padding:var(--space-md) 0;font-size:var(--text-sm)}.breadcrumb ol{display:flex;gap:var(--space-md);list-style:none;margin:0}.breadcrumb a{color:var(--color-primary)}.breadcrumb [aria-current=page]{color:var(--color-text-secondary);font-weight:600}.skip-link{position:absolute;top:-40px;left:0;background:var(--color-primary);color:var(--color-bg);padding:8px;text-decoration:none;z-index:100}.skip-link:focus{top:0}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.header{background-color:var(--color-bg-elevated);border-bottom:1px solid var(--color-border);position:sticky;top:0;z-index:1000}.header-content{display:flex;align-items:center;justify-content:space-between;gap:var(--space-lg);padding:var(--space-md) 0}.logo h1{margin:0;font-size:var(--text-xl);color:var(--color-primary);transition:color var(--transition-base)}.logo:hover h1{color:var(--color-primary-light)}.nav-main ul{display:flex;gap:var(--space-xl);list-style:none;margin:0;padding:0}.nav-main a{font-weight:500;color:var(--color-text);transition:color var(--transition-fast)}.nav-main a:hover{color:var(--color-primary)}.header-tools{display:flex;gap:var(--space-md);align-items:center}.search-box{display:flex;gap:var(--space-sm);background-color:var(--color-bg-alt);padding:var(--space-sm);border-radius:var(--border-radius-full);position:relative}.search-box input{border:none;background:0 0;padding:0;width:150px;font-size:var(--text-sm)}.search-box input::placeholder{color:var(--color-text-muted)}.search-box button{padding:0 var(--space-sm);background:0 0;border:none;cursor:pointer;font-size:var(--text-lg)}.menu-toggle{display:none;background:0 0;border:none;font-size:var(--text-xl);padding:0;color:var(--color-text)}.footer{background-color:var(--color-bg-alt);border-top:1px solid var(--color-border);margin-top:auto;padding:var(--space-3xl) var(--container-padding)}.footer-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--space-2xl);margin-bottom:var(--space-2xl)}.footer-section h3{margin-top:0;margin-bottom:var(--space-md)}.footer-section ul{list-style:none;margin:0;padding:0}.footer-section li{margin-bottom:var(--space-sm)}.footer-bottom{border-top:1px solid var(--color-border);padding-top:var(--space-lg);text-align:center;font-size:var(--text-sm)}.legal-notice{color:var(--color-text-muted);margin-bottom:var(--space-sm)}.copyright{color:var(--color-text-secondary);margin:0}.hero{background:linear-gradient(135deg,var(--color-primary) 0,var(--color-primary-dark) 100%);color:var(--color-bg);padding:var(--space-4xl) var(--container-padding);text-align:center}.hero h1{color:inherit;margin:0 0 var(--space-md) 0;font-size:var(--text-4xl)}.lead{font-size:var(--text-lg);margin-bottom:var(--space-xl);opacity:.95}.cta-buttons{display:flex;gap:var(--space-lg);justify-content:center;flex-wrap:wrap}.cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--space-lg);margin-top:var(--space-xl)}.categories-grid,.regions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-lg);margin-top:var(--space-xl)}.plats-list,.vins-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-lg);margin-top:var(--space-xl)}.accords-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:var(--space-lg);margin-top:var(--space-xl)}@media (max-width:768px){.nav-main{display:none}.menu-toggle{display:block}.search-box input{width:100px}.header-content{gap:var(--space-md)}.cta-buttons{flex-direction:column;width:100%}.cta-buttons a{width:100%}}.btn{display:inline-block;padding:var(--space-sm) var(--space-lg);border-radius:var(--border-radius);font-weight:600;text-decoration:none;transition:all var(--transition-base);border:2px solid transparent;cursor:pointer;text-align:center}.btn-primary{background-color:var(--color-primary);color:var(--color-bg);border-color:var(--color-primary)}.btn-primary:hover{background-color:var(--color-primary-light);border-color:var(--color-primary-light)}.btn-secondary{background-color:transparent;color:var(--color-primary);border-color:var(--color-primary)}.btn-secondary:hover{background-color:var(--color-primary);color:var(--color-bg)}.btn-small{padding:var(--space-xs) var(--space-md);font-size:var(--text-sm)}.card-accord,.category-card,.plat-card,.region-card,.vin-card{background-color:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--border-radius-lg);padding:var(--space-lg);display:flex;flex-direction:column;gap:var(--space-md);transition:all var(--transition-base)}.card-accord:hover,.category-card:hover,.plat-card:hover,.region-card:hover,.vin-card:hover{box-shadow:var(--shadow-md);border-color:var(--color-primary)}.card-accord h3,.plat-card h3,.vin-card h3{margin:0;font-size:var(--text-lg)}.categorie-tag,.region-tag,.type-tag,.vin-name{font-size:var(--text-sm);color:var(--color-text-secondary);margin:0}.rating,.rating-large{font-size:var(--text-lg);color:var(--color-secondary);letter-spacing:2px}.rating-large{font-size:var(--text-3xl);margin:var(--space-lg) 0}.accord-type{font-size:var(--text-sm);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:1px}.card-footer{display:flex;justify-content:space-between;align-items:center;margin-top:auto;padding-top:var(--space-md);border-top:1px solid var(--color-border)}.accord-count{font-size:var(--text-sm);color:var(--color-text-secondary)}.arrow{color:var(--color-primary);font-weight:700}.badge{display:inline-block;background-color:var(--color-bg-alt);padding:var(--space-xs) var(--space-md);border-radius:var(--border-radius-full);font-size:var(--text-xs);color:var(--color-text-secondary)}.faq-items{display:flex;flex-direction:column;gap:var(--space-md)}.faq-item{border:1px solid var(--color-border);border-radius:var(--border-radius);padding:var(--space-lg)}.faq-item summary{cursor:pointer;font-weight:600;color:var(--color-primary);transition:color var(--transition-fast)}.faq-item summary:hover{color:var(--color-primary-light)}.faq-item[open] summary{margin-bottom:var(--space-md)}.faq-item p{margin:0}.search-dropdown{top:100%;background-color:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--border-radius);margin-top:var(--space-sm)}.search-dropdown.hidden{display:none}.search-results{padding:var(--space-md)}.breadcrumb-list{display:flex;gap:var(--space-md);list-style:none;padding:0;margin:0;flex-wrap:wrap}.breadcrumb-list li{margin:0}.breadcrumb-list a{color:var(--color-primary);text-decoration:none}.breadcrumb-list a:hover{text-decoration:underline}.breadcrumb-list [aria-current=page]{color:var(--color-text-secondary);font-weight:600}.accord-pair{display:grid;grid-template-columns:1fr auto 1fr;gap:var(--space-xl);align-items:center;margin:var(--space-xl) 0}.plat-card,.vin-card{padding:var(--space-xl);text-align:center}.accord-symbol{font-size:var(--text-2xl);color:var(--color-primary);font-weight:700}.reponse-directe{background-color:var(--color-secondary);color:var(--color-text);padding:var(--space-lg);border-radius:var(--border-radius-lg);margin-bottom:var(--space-xl)}.reponse-directe h2{margin-top:0;color:var(--color-text)}.reponse-directe strong{font-weight:700}.glossaire-items{display:flex;flex-direction:column;gap:var(--space-lg)}.glossaire-item{border-left:4px solid var(--color-primary);padding-left:var(--space-lg);padding-bottom:var(--space-lg)}.glossaire-item h3{margin:0 0 var(--space-md) 0;color:var(--color-primary)}.glossaire-item p{margin-bottom:var(--space-sm)}.breadcrumb-section{padding:var(--space-lg) var(--container-padding);background-color:var(--color-bg-alt);border-bottom:1px solid var(--color-border)}.fiche-header{padding:var(--space-2xl) var(--container-padding)}.fiche-header h1{margin-top:0}.tagline{color:var(--color-text-secondary);font-style:italic}.vin-profil{display:flex;gap:var(--space-md);flex-wrap:wrap;margin-top:var(--space-md)}.fiche-intro{padding:var(--space-2xl) var(--container-padding)}.index-header{padding:var(--space-2xl) var(--container-padding);text-align:center}.index-header h1{margin-top:0}.accords-highlights,.accords-pour-plat,.categories,.faq,.plats-grid,.plats-pour-vin,.regions,.vins-grid{padding:var(--space-2xl) var(--container-padding)}.accords-highlights h2,.accords-pour-plat h2,.categories h2,.faq h2,.plats-pour-vin h2,.regions h2{margin-top:0}.aromes{margin:var(--space-xl) 0}.aromes h3{margin-top:0}.aromes ul{display:flex;flex-wrap:wrap;gap:var(--space-md);list-style:none;margin:0;padding:0}.aromes li{background-color:var(--color-bg-alt);padding:var(--space-sm) var(--space-md);border-radius:var(--border-radius-full);font-size:var(--text-sm);margin:0}.service-info{background-color:var(--color-bg-alt);padding:var(--space-lg);border-radius:var(--border-radius);margin-top:var(--space-lg)}.service-info p{margin-bottom:var(--space-sm)}.service-info p:last-child{margin-bottom:0}.cepages{padding:var(--space-2xl) var(--container-padding);background-color:var(--color-bg-alt)}.cepages h2{margin-top:0}.cepages ul{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-lg);list-style:none;margin:0;padding:0}.cepages li{background-color:var(--color-bg-elevated);padding:var(--space-lg);border-radius:var(--border-radius);margin:0}.accord-item{background-color:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--border-radius);padding:var(--space-lg);transition:all var(--transition-base)}.accord-item:hover{box-shadow:var(--shadow-sm);border-color:var(--color-primary)}.accord-item h3{display:flex;gap:var(--space-lg);align-items:center;margin-top:0}.accord-item a{flex:1}.accord-item .rating{white-space:nowrap;flex-shrink:0}.top-vins{padding:var(--space-2xl) var(--container-padding)}.vins-small-grid{display:flex;flex-wrap:wrap;gap:var(--space-md);margin-top:var(--space-xl)}.badge-vin{background-color:var(--color-secondary);color:var(--color-text);padding:var(--space-sm) var(--space-lg);border-radius:var(--border-radius);text-decoration:none;transition:all var(--transition-base)}.badge-vin:hover{background-color:var(--color-secondary-light)}.search-dropdown{position:absolute;top:calc(100% + 8px);left:0;right:0;background-color:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--border-radius);max-height:500px;overflow-y:auto;z-index:1001;box-shadow:var(--shadow-lg)}.search-results{padding:var(--space-md);display:flex;flex-direction:column;gap:var(--space-sm)}.search-result-group{border-bottom:1px solid var(--color-border);padding-bottom:var(--space-md)}.search-result-group:last-child{border-bottom:none}.search-result-category{font-size:var(--text-xs);text-transform:uppercase;color:var(--color-text-muted);letter-spacing:1px;font-weight:600;margin-bottom:var(--space-sm)}.search-result-item{padding:var(--space-sm);border-radius:var(--border-radius);cursor:pointer;transition:background-color var(--transition-fast);text-decoration:none;display:flex;justify-content:space-between;align-items:center;gap:var(--space-md)}.search-result-item.active,.search-result-item:hover{background-color:var(--color-bg-alt);color:var(--color-primary)}.search-result-title{font-weight:500;color:var(--color-text)}.search-result-meta{font-size:var(--text-xs);color:var(--color-text-secondary)}.no-results{padding:var(--space-md);text-align:center;color:var(--color-text-muted)}.carte-france{max-width:600px;margin:var(--space-xl) auto}.carte-france svg{width:100%;height:auto;filter:drop-shadow(var(--shadow-sm))}.region-path{fill:var(--color-accent);stroke:var(--color-text);stroke-width:1;transition:fill var(--transition-fast),filter var(--transition-fast);cursor:pointer}.region-path:hover{fill:var(--color-accent-light);filter:drop-shadow(var(--shadow-md))}.region-path:focus{outline:0;stroke-width:2;stroke:var(--color-primary)}.region-tooltip{position:absolute;background-color:var(--color-primary);color:var(--color-bg);padding:var(--space-sm) var(--space-md);border-radius:var(--border-radius);font-size:var(--text-sm);pointer-events:none;white-space:nowrap;z-index:1000;box-shadow:var(--shadow-md)}[data-theme=dark] .region-path{stroke:var(--color-border)}