/* Shared daylight system for the store and both activation surfaces.
   It keeps the page warm and quiet while giving actionable surfaces a clean
   white plane and one readable teal accent. */
:root[data-theme="light"]{
  --ui-page:#f6f5f2;
  --ui-surface:#ffffff;
  --ui-field:#f5f7f8;
  --ui-ink:#20343b;
  --ui-muted:#53656d;
  --ui-faint:#5c6f78;
  --ui-line:#d5dfe2;
  --ui-field-line:#7b909b;
  --ui-accent:#286675;
  --ui-accent-hover:#1f5260;
  --ui-soft:#eaf1f3;
  --ui-shadow:0 24px 62px rgba(32,58,68,.16),0 0 0 1px rgba(85,123,132,.06);
  --bg:var(--ui-page);
  --surface:var(--ui-surface);
  --surface-hover:#edf3f4;
  --paper:#f0eeea;
  --ink:var(--ui-ink);
  --muted:var(--ui-muted);
  --faint:var(--ui-faint);
  --border:var(--ui-line);
  --accent:var(--ui-accent);
  --button:var(--ui-accent);
  --button-ink:#fff;
  --header:rgba(246,245,242,.94);
  --hero-ink:var(--ui-ink);
  --hero-muted:var(--ui-muted);
  --scene-surface:rgba(255,255,255,.84);
  --scene-border:var(--ui-line);
  --scene-quiet:var(--ui-muted);
  --shadow:var(--ui-shadow);
  color-scheme:light;
}
:root[data-theme="light"] body{background:var(--ui-page);color:var(--ui-ink)}
:root[data-theme="light"] .site-header.is-sticky{background:var(--header);border-bottom-color:var(--ui-line);box-shadow:0 1px 0 rgba(32,52,59,.025)}
:root[data-theme="light"] .brand,:root[data-theme="light"] .desktop-nav a,:root[data-theme="light"] .desktop-nav button{color:var(--ui-ink);opacity:1}
:root[data-theme="light"] .desktop-nav a:hover,:root[data-theme="light"] .desktop-nav button:hover{color:var(--ui-accent)}
:root[data-theme="light"] .site-header .preview-badge{border-color:var(--ui-line);color:var(--ui-muted);opacity:1}
:root[data-theme="light"] .icon-button{border-color:var(--ui-line);background:var(--ui-surface);color:var(--ui-muted);box-shadow:0 3px 9px rgba(33,57,67,.035)}
:root[data-theme="light"] .icon-button:hover{background:var(--ui-soft);border-color:var(--ui-accent);color:var(--ui-accent)}

/* Store hero: warm paper with a quiet interactive field behind the copy. */
:root[data-theme="light"] .hero{background:var(--ui-page);color:var(--ui-ink)}
:root[data-theme="light"] .hero::after{background:linear-gradient(0deg,var(--ui-page),transparent 30%,transparent 78%,rgba(255,255,255,.48))}
:root[data-theme="light"] .hero h1,:root[data-theme="light"] .hero h1 em{color:var(--ui-ink)}
:root[data-theme="light"] .hero h1 em{color:var(--ui-accent)}
:root[data-theme="light"] .hero-english,:root[data-theme="light"] .hero-description{color:var(--ui-muted)}
:root[data-theme="light"] .hero-eyebrow,:root[data-theme="light"] .hero-bottom,:root[data-theme="light"] .hero-bottom a{color:var(--ui-faint)}
:root[data-theme="light"] .hero .motion-toolbar{background:rgba(255,255,255,.84);border-color:var(--ui-line);color:var(--ui-muted);box-shadow:0 8px 24px rgba(33,57,67,.055)}
:root[data-theme="light"] .motion-toolbar-caption,:root[data-theme="light"] .motion-palette-button,:root[data-theme="light"] .motion-toggle,:root[data-theme="light"] .hero .motion-hint{color:var(--ui-muted)}
:root[data-theme="light"] .motion-palette-button[aria-pressed="true"]{background:var(--ui-soft);border-color:color-mix(in srgb,var(--ui-accent) 32%,var(--ui-line));color:var(--ui-accent)}
:root[data-theme="light"] .motion-toggle{border-left-color:var(--ui-line)}
:root[data-theme="light"] #home .hero-actions>.button-light{background:var(--ui-accent);border-color:var(--ui-accent);color:#fff;box-shadow:0 8px 20px rgba(40,102,117,.18)}
:root[data-theme="light"] #home .hero-actions>.button-light:hover{background:var(--ui-accent-hover);border-color:var(--ui-accent-hover);color:#fff;transform:translateY(-2px)}
:root[data-theme="light"] #home .hero-actions>.button-glass{background:rgba(255,255,255,.72);border-color:var(--ui-line);color:var(--ui-ink);box-shadow:0 5px 16px rgba(33,57,67,.045)}
:root[data-theme="light"] #home .hero-actions>.button-glass:hover{background:#fff;border-color:var(--ui-accent);color:var(--ui-accent);transform:translateY(-2px)}
:root[data-theme="light"] .liquid-static-field{background:radial-gradient(ellipse at 13% 64%,rgba(88,157,165,.13),transparent 52%),radial-gradient(ellipse at 88% 45%,rgba(150,135,181,.09),transparent 54%),linear-gradient(145deg,#f8f7f4,#f1f4f2)}

/* Secondary store sections use the same paper / card relationship. */
:root[data-theme="light"] .journey,:root[data-theme="light"] .help{border-color:var(--ui-line)}
:root[data-theme="light"] .journey-steps article,:root[data-theme="light"] .faq-list details{border-color:var(--ui-line)}
:root[data-theme="light"] .journey-steps article{padding:21px 18px;border:1px solid var(--ui-line);border-radius:14px;background:var(--ui-surface)}
:root[data-theme="light"] .journey-steps{gap:12px}
:root[data-theme="light"] .journey-steps article>span{color:var(--ui-accent)}
:root[data-theme="light"] .help-intro,:root[data-theme="light"] .faq-list{color:var(--ui-ink)}
:root[data-theme="light"] .faq-list summary:hover{color:var(--ui-accent)}
:root[data-theme="light"] .site-footer{background:var(--paper);border-top-color:var(--ui-line);color:var(--ui-muted)}
:root[data-theme="light"] dialog{background:var(--ui-surface);border-color:var(--ui-line);box-shadow:0 24px 80px rgba(33,57,67,.18)}
:root[data-theme="light"] dialog::backdrop{background:rgba(32,52,59,.28);backdrop-filter:blur(8px)}
:root[data-theme="light"] .dialog-input,:root[data-theme="light"] .order-code{background:var(--ui-field);border-color:var(--ui-line);color:var(--ui-ink)}
:root[data-theme="light"] .dialog-input{border-color:var(--ui-field-line)}
:root[data-theme="light"] .dialog-input:focus{border-color:var(--ui-accent);box-shadow:0 0 0 3px var(--ui-soft)}
:root[data-theme="light"] .quantity-stepper{border-color:var(--ui-field-line);background:var(--ui-field)}
:root[data-theme="light"] .quiz-choices button,:root[data-theme="light"] .recommendation-card,:root[data-theme="light"] .favorite-list article{background:var(--ui-field);border-color:var(--ui-line)}
:root[data-theme="light"] .quiz-choices button:hover,:root[data-theme="light"] .quiz-choices button[aria-pressed="true"]{background:var(--ui-soft);border-color:var(--ui-accent)}
:root[data-theme="light"] .discovery-bar{background:var(--ui-surface);border-color:var(--ui-line);box-shadow:var(--ui-shadow)}
:root[data-theme="light"] .discovery-bar:hover{border-color:var(--ui-accent);box-shadow:0 12px 34px rgba(33,57,67,.10)}
:root[data-theme="light"] .compare-dock{background:rgba(255,255,255,.95);border-color:var(--ui-line);box-shadow:0 15px 45px rgba(33,57,67,.14)}
:root[data-theme="light"] .compare-chip{background:var(--ui-field);border-color:var(--ui-line)}
:root[data-theme="light"] .support-fab,:root[data-theme="light"] .back-top{background:var(--ui-surface);border-color:var(--ui-line);color:var(--ui-muted);box-shadow:0 6px 18px rgba(33,57,67,.09)}
:root[data-theme="light"] .support-fab:hover,:root[data-theme="light"] .back-top:hover{border-color:var(--ui-accent);color:var(--ui-accent);background:var(--ui-soft)}

/* Keep all interactive controls tactile without adding continuous motion. */
:root[data-theme="light"] .button,:root[data-theme="light"] .product-buy,:root[data-theme="light"] .text-button,:root[data-theme="light"] .category-tabs button{transition:background-color .18s ease,color .18s ease,border-color .18s ease,box-shadow .18s ease}
:root[data-theme="light"] .button:active,:root[data-theme="light"] .product-buy:active,:root[data-theme="light"] .category-tabs button:active{box-shadow:inset 0 2px 5px rgba(20,45,55,.15)}
@media(prefers-reduced-motion:reduce){:root[data-theme="light"] #home .hero-actions>.button:hover{transform:none}}

/* Palette choice keeps its meaning across every page, while surfaces stay neutral. */
:root[data-theme="light"][data-motion-palette]{--accent:var(--ui-accent);--button:var(--ui-accent);--button-ink:#fff}
:root[data-theme="light"][data-motion-palette="violet"]{--ui-accent:#705589;--ui-accent-hover:#59406f;--ui-soft:#f0ecf5}
:root[data-theme="light"][data-motion-palette="gold"]{--ui-accent:#795d32;--ui-accent-hover:#604724;--ui-soft:#f3efe7}
:root[data-theme="light"] .hero-help-choose{color:var(--ui-muted);opacity:1}
:root[data-theme="light"] .header-actions .icon-button{background:var(--ui-surface);border-color:var(--ui-line);color:var(--ui-muted)}
:root[data-theme="light"] .header-actions .icon-button:hover{background:var(--ui-soft);border-color:var(--ui-accent);color:var(--ui-accent)}
:root[data-theme="light"] .dialog-product-mark,:root[data-theme="light"] .mini-art{background:var(--ui-soft);color:var(--ui-accent)}
:root[data-theme="light"] .dialog-submit:hover{background:var(--ui-accent-hover);border-color:var(--ui-accent-hover);color:#fff}