/* Quiet lavender accents, cool paper surfaces and muted botanical pastels. */
@media screen and (min-width:1024px){
  :root{
    --ink:#303346;
    --purple:#7254b5;
    --muted:#646b7d;
    --desktop-text:#646b7d;
    --line:#e6e7ee;
    --accent-hover:#60449d;
    --accent-soft:#efebf7;
    --paper:#f8f9fc;
  }
  body{background:#eceef5;color:var(--ink)}
  .site-shell{background:var(--paper);box-shadow:0 12px 48px #42445f09}
  .brand{color:#574187}
  .desktop-nav a{color:#53586c}
  .desktop-nav .active,.desktop-nav a:hover{background:var(--accent-soft);color:#60449d}
  .hero h1 span{color:var(--purple)}
  .language{color:var(--purple);background:#f7f5fc;border-color:#e7e1f1}
  .search-form{background:#fff;border:1px solid var(--line);box-shadow:0 5px 20px #43455d07}
  .search-form input{color:var(--ink)}
  .search-form input::placeholder{color:#747b8b}
  .search-form:focus-within{border-color:#a694c9;box-shadow:0 0 0 3px #7254b515}
  .search-form button,.coloring-card .card-open,.button{background:var(--purple);color:#fff;box-shadow:0 3px 8px #7254b512;border-color:transparent}
  .search-form button:hover,.coloring-card .card-open:hover,.button:hover{background:var(--accent-hover);filter:none}
  .coloring-card .card-open{background:#eae6fc;color:#6550a6;border-radius:999px;box-shadow:none}
  .coloring-card .card-open:hover{background:#dfd8f7;color:#57418f}
  .suggestions button{background:#fff;color:#62697a;box-shadow:inset 0 0 0 1px #e9eaf0}
  .suggestions button:hover{background:var(--accent-soft);color:var(--purple)}
  .hero-notes>span{background:#eeedf5;color:#625879}
  .hero-notes b{color:#856eae}
  .hero-notes b{display:inline-flex;align-items:center;justify-content:center;flex:0 0 24px;width:24px;height:24px}
  .hero-notes b svg{display:block;width:24px;height:24px}
  .text-link,.header-search,.favorites-button{color:var(--purple)}
  .text-link:hover{color:var(--accent-hover)}
  .topic:nth-child(1),.age-card:nth-child(1),.age-card:nth-child(6){background:#f7eee4}
  .topic:nth-child(2),.age-card:nth-child(4){background:#eaf1f7}
  .topic:nth-child(3),.topic:nth-child(5),.age-card:nth-child(3){background:#eaf2e9}
  .topic:nth-child(4),.age-card:nth-child(5){background:#eeebf6}
  .topic:nth-child(6),.age-card:nth-child(2){background:#f7eaf0}
  .topic-arrow{color:var(--purple);background:#fffffff2;box-shadow:0 2px 7px #48415f0d}
  .topic small,.age-card small{color:#626b79}
  .age-section>.container{background:#ffffff85}
  .coloring-card{background:#fff;border-color:var(--line);box-shadow:0 3px 12px #45435f06}
  .coloring-card .card-picture{background:#fff}
  .coloring-card:hover{border-color:#c8bbde;box-shadow:0 8px 22px #5545700e}
  .card-favorite.education-favorite{color:var(--purple);background:#fffffff0}
  .card-favorite.education-favorite:hover,.card-favorite.education-favorite.is-saved{color:var(--accent-hover);background:var(--accent-soft)}
  .coloring-card .category-chip{background:var(--accent-soft);color:#69508e}
  .coloring-card .age-chip{background:#f2f4f6;color:#616b79;border-color:#e9edf1}
  .rating-stars{color:#e6e7ed}
  .rating-stars-fill{color:#cf951f}
  .rating-value{color:#52586c}
  .rating-votes{color:#6c7385}
  .outline-button{background:#fff;border-color:#d8cee7;color:var(--purple)}
  .outline-button:hover{background:var(--accent-soft);border-color:#bcaad7}
  .spring{background:#edf3e9}.summer{background:#faf4e5}
  .autumn{background:#f7ece4}.winter{background:#eaf0f7}
  .spring .season-symbol{color:#9aaf88}.summer .season-symbol{color:#cdb16b}
  .autumn .season-symbol{color:#c1987e}.winter .season-symbol{color:#90a9c7}
  .season small,.season em{color:#687080}
  .season{gap:20px;padding:20px 24px;min-height:185px}
  .season-symbol{display:flex;align-items:center;justify-content:center;flex:0 0 132px;min-width:0;width:132px;line-height:0}
  .season-symbol svg{display:block;width:100%;height:auto;transition:transform .25s ease}
  .season:hover .season-symbol svg{transform:rotate(-3deg) translateY(-2px)}
  .season>span:last-child{flex:1}
  .closing>span{color:#b2a3ca}
  footer{background:#f0f1f6;border-color:var(--line)}
  .footer-main p,.footer-main nav,.footer-bottom{color:#626b7e}
  .footer-bottom{border-color:#e0e3ec}
  #filter-state{background:var(--accent-soft);color:#605475}
  dialog{color:var(--ink);background:#fff;border-color:var(--line);box-shadow:0 20px 90px #30334625}
  dialog::backdrop{background:#30334655}
  .dialog-copy small,.dialog-close{color:var(--muted)}
  button:focus-visible,a:focus-visible{outline-color:var(--purple)}
  ::selection{background:#e0d7f2;color:#352b4b}
}

/* Compact line icons for desktop navigation. */
@media screen and (min-width:1024px){
.desktop-nav{gap:4px}
.desktop-nav a{display:inline-flex;align-items:center;gap:7px;white-space:nowrap;padding:9px 10px}
.desktop-nav a::before{content:"";width:17px;height:17px;flex:0 0 17px;background:currentColor;opacity:.85;mask:var(--nav-icon) center/contain no-repeat;-webkit-mask:var(--nav-icon) center/contain no-repeat}
.desktop-nav a:nth-child(1){--nav-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22m3%2010%209-7%209%207M5%209v11h5v-6h4v6h5V9%22%2F%3E%3C%2Fsvg%3E")}
.desktop-nav a:nth-child(2){--nav-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%223%22%20y%3D%223%22%20width%3D%227%22%20height%3D%227%22%20rx%3D%222%22%2F%3E%3Crect%20x%3D%2214%22%20y%3D%223%22%20width%3D%227%22%20height%3D%227%22%20rx%3D%222%22%2F%3E%3Crect%20x%3D%223%22%20y%3D%2214%22%20width%3D%227%22%20height%3D%227%22%20rx%3D%222%22%2F%3E%3Crect%20x%3D%2214%22%20y%3D%2214%22%20width%3D%227%22%20height%3D%227%22%20rx%3D%222%22%2F%3E%3C%2Fsvg%3E")}
.desktop-nav a:nth-child(3){--nav-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%229%22%20cy%3D%227%22%20r%3D%223%22%2F%3E%3Ccircle%20cx%3D%2218%22%20cy%3D%2210%22%20r%3D%222%22%2F%3E%3Cpath%20d%3D%22M3%2020v-2a6%206%200%200%201%2012%200v2H3Zm14-6a4%204%200%200%201%204%204v2h-3%22%2F%3E%3C%2Fsvg%3E")}
.desktop-nav a:nth-child(4){--nav-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M12%205v16M12%205C9%203%205%203%202%204v15c4-1%207-1%2010%202%203-3%206-3%2010-2V4c-3-1-7-1-10%201Z%22%2F%3E%3C%2Fsvg%3E")}
.desktop-nav a:nth-child(5){--nav-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%227%22%20y%3D%227%22%20width%3D%2214%22%20height%3D%2214%22%20rx%3D%223%22%2F%3E%3Cpath%20d%3D%22M17%204H6a3%203%200%200%200-3%203v10M11%2012h6m-6%204h4%22%2F%3E%3C%2Fsvg%3E")}
}