/* Vardadienas TEST: design-system foundation v1.
   Semantic tokens only; component migration and S1 activation follow in separate commits.
   Do not encode confirmation/error colors as decorative palette values. */
:root,
html[data-design="classic"] {
  --ds-page-bg:#f2f5f8;
  --ds-surface:#ffffff;
  --ds-text:#18392b;
  --ds-muted:#718096;
  --ds-primary:#08783f;
  --ds-on-primary:#ffffff;
  --ds-accent:#08783f;
  --ds-border:#d7dee8;
  --ds-soft-bg:#f6fbf7;
  --ds-soft-border:#d7e8dc;
  --ds-focus:#08783f;
  --ds-caret:#08783f;
  --ds-card-radius:22px;
  --ds-control-radius:12px;
  --ds-decor-top:none;
  --ds-decor-bottom:none;
}
html[data-design="lavender"] {
  --ds-page-bg:#f5f0f8;
  --ds-surface:#fffafd;
  --ds-text:#30283b;
  --ds-muted:#80618e;
  --ds-primary:#69368a;
  --ds-on-primary:#ffffff;
  --ds-accent:#8b50a9;
  --ds-border:#e7d8ec;
  --ds-soft-bg:#f8f1fa;
  --ds-soft-border:#dfcce6;
  --ds-focus:#8b50a9;
  --ds-caret:#9e62bb;
  --ds-decor-top:url("assets/lavanda_augsa.png");
  --ds-decor-bottom:url("assets/lavanda_apaksa.png");
}
/* S1 draft palette, not yet selectable. Gold is decorative; green remains
   the high-contrast action color, consistent with the approved S1 mockup. */
html[data-design="festive-s1"] {
  --ds-page-bg:#fff7e5;
  --ds-surface:#fffdf7;
  --ds-text:#203a2a;
  --ds-muted:#786e58;
  --ds-primary:#08783f;
  --ds-on-primary:#ffffff;
  --ds-accent:#a36b13;
  --ds-border:#e8c989;
  --ds-soft-bg:#fff9eb;
  --ds-soft-border:#e8c989;
  --ds-focus:#a36b13;
  --ds-caret:#08783f;
  --ds-card-radius:22px;
  --ds-control-radius:12px;
}

/* Shared components: keep these declarations AFTER the legacy inline CSS.
   Palette changes then apply consistently to every application view. */
html[data-design] body{background:var(--ds-page-bg);color:var(--ds-text)}
html[data-design] .card{background:var(--ds-surface);border-radius:var(--ds-card-radius)}
html[data-design] .primary,
html[data-design] .day.sel{background:var(--ds-primary);color:var(--ds-on-primary)}
html[data-design] .name-detail-card h3,
html[data-design] .name-detail-feedback,
html[data-design] .names,
html[data-design] .birthday-chevron,
html[data-design] .birthday-edit-btn,
html[data-design] .greeting-entry-arrow,
html[data-design] .back-btn,
html[data-design] .menu-btn,
html[data-design] .side-menu button{color:var(--ds-primary)}
html[data-design] button,
html[data-design] input,
html[data-design] textarea,
html[data-design] select{border-color:var(--ds-border);border-radius:var(--ds-control-radius)}
html[data-design] input,
html[data-design] textarea,
html[data-design] select{caret-color:var(--ds-caret)}
html[data-design] :is(button,input,textarea,select,a):focus-visible{outline:2px solid var(--ds-focus);outline-offset:2px}
html[data-design] .settings-card input[type="checkbox"],
html[data-design] .settings-card input[type="radio"]{accent-color:var(--ds-primary)}
html[data-design] .switch input:checked+.switch-slider{background:var(--ds-primary)}
html[data-design] .settings-card input[type="time"]{color:var(--ds-primary)}
html[data-design] .tomorrow,
html[data-design] .interesting,
html[data-design] .birthday-entry,
html[data-design] .greeting-result,
html[data-design] .greeting-result-actions>button,
html[data-design] .greeting-result-action-row button,
html[data-design] .greeting-back-bar .back-btn,
html[data-design] #settingsView .back-btn,
html[data-design] #favoritesView>.back-btn,
html[data-design] #birthdaysView>.back-btn,
html[data-design] #nameDetailView>.back-btn{background:var(--ds-soft-bg);border-color:var(--ds-soft-border)}
html[data-design] .greeting-result-actions>button,
html[data-design] .greeting-result-action-row button,
html[data-design] .greeting-back-bar .back-btn,
html[data-design] #settingsView .back-btn,
html[data-design] #favoritesView>.back-btn,
html[data-design] #birthdaysView>.back-btn,
html[data-design] #nameDetailView>.back-btn{color:var(--ds-primary)}
html[data-design] .greeting-options button.active{background:var(--ds-soft-bg);color:var(--ds-primary);border-color:var(--ds-primary)}
html[data-design] .favorite-add-selected button{background:var(--ds-soft-bg);color:var(--ds-primary)}
html[data-design] .favorite-add-matches button{color:var(--ds-primary)}
html[data-design] .favorites-sort button.active,
html[data-design] .birthday-sort button.active{background:var(--ds-soft-bg);color:var(--ds-primary)}
html[data-design] .push-active-status,
html[data-design] .push-active-status:disabled{color:var(--ds-primary)!important}
html[data-design] .day.today:not(.sel){outline-color:var(--ds-border)}
html[data-design] .date-suggestions button{color:var(--ds-text);border-color:var(--ds-border)}
/* Non-theme semantic states (errors, destructive actions) remain distinct. */

/* Festive S1: one reusable visual shell for every screen.
   Gold ornament is painted behind content, not over controls. */
html[data-design="festive-s1"]{background:var(--ds-page-bg)}
html[data-design="festive-s1"] body{
  background:
    radial-gradient(ellipse 105% 120px at 50% 0%,#ffe1a0 0%,transparent 78%),
    radial-gradient(ellipse 105% 120px at 50% 100%,#ffe1a0 0%,transparent 78%),
    linear-gradient(180deg,#fff9e9,#fff6df 52%,#fff9e9);
  background-attachment:fixed;
  color:var(--ds-text);
}
html[data-design="festive-s1"] .wrap{position:relative;isolation:isolate}
html[data-design="festive-s1"] .wrap::before,
html[data-design="festive-s1"] .wrap::after{
  content:"";position:fixed;left:0;right:0;height:80px;z-index:-1;pointer-events:none;
  background:
    radial-gradient(110% 70px at 22% -20px,transparent 73%,#dfac47 75%,#ffe4a5 78%,transparent 81%),
    radial-gradient(105% 75px at 72% -26px,transparent 73%,#f6c65f 75%,#fff2c9 78%,transparent 81%);
  opacity:.85;
}
html[data-design="festive-s1"] .wrap::before{top:0}
html[data-design="festive-s1"] .wrap::after{bottom:0;transform:rotate(180deg)}
html[data-design="festive-s1"] .card{
  background:var(--ds-surface);
  border:1px solid var(--ds-soft-border);
  box-shadow:0 8px 26px rgba(130,88,24,.09);
}
html[data-design="festive-s1"] .app-title,
html[data-design="festive-s1"] h1,
html[data-design="festive-s1"] h2,
html[data-design="festive-s1"] h3{color:var(--ds-text)}
html[data-design="festive-s1"] .names,
html[data-design="festive-s1"] .name-detail-card h3{color:var(--ds-primary)}
html[data-design="festive-s1"] .primary,
html[data-design="festive-s1"] button.primary,
html[data-design="festive-s1"] #calendar .day.sel{background:var(--ds-primary);color:#fff;border-color:var(--ds-primary)}
html[data-design="festive-s1"] .tomorrow,
html[data-design="festive-s1"] .latvia-today,
html[data-design="festive-s1"] .interesting,
html[data-design="festive-s1"] .birthday-entry{background:var(--ds-soft-bg);border-color:var(--ds-border)}
html[data-design="festive-s1"] #prevDay,
html[data-design="festive-s1"] #nextDay,
html[data-design="festive-s1"] #prevMonth,
html[data-design="festive-s1"] #nextMonth,
html[data-design="festive-s1"] #nameBtn,
html[data-design="festive-s1"] #dateBtn,
html[data-design="festive-s1"] #favoriteAddCancel{background:var(--ds-soft-bg);color:var(--ds-primary);border-color:var(--ds-border)}
html[data-design="festive-s1"] .settings-back-bar,
html[data-design="festive-s1"] .greeting-back-bar{background:rgba(255,249,235,.96);border-color:var(--ds-border)}
html[data-design="festive-s1"] .side-menu,
html[data-design="festive-s1"] .about-content,
html[data-design="festive-s1"] .about-row-button{background:var(--ds-surface)}
html[data-design="festive-s1"] .favorites-sort,
html[data-design="festive-s1"] .birthday-sort{background:#f7ecd4}
html[data-design="festive-s1"] .favorites-sort button.active,
html[data-design="festive-s1"] .birthday-sort button.active{background:#e3f3df;color:var(--ds-primary)}
html[data-design="festive-s1"] .appearance-choice input{accent-color:var(--ds-primary)}
html[data-design="festive-s1"] #deleteMyDataButton{background:#f4e7cf;color:var(--ds-primary);border-color:var(--ds-border)}
/* Dark mode keeps accessible surfaces; decoration stays subdued. */
html[data-design="festive-s1"][data-theme="dark"] body{background:#231e17;color:#f8ebd2}
html[data-design="festive-s1"][data-theme="dark"] .card,
html[data-design="festive-s1"][data-theme="dark"] .side-menu,
html[data-design="festive-s1"][data-theme="dark"] .about-content,
html[data-design="festive-s1"][data-theme="dark"] .about-row-button{background:#30291f;color:#f8ebd2;border-color:#705735}
html[data-design="festive-s1"][data-theme="dark"] .app-title,
html[data-design="festive-s1"][data-theme="dark"] h1,
html[data-design="festive-s1"][data-theme="dark"] h2,
html[data-design="festive-s1"][data-theme="dark"] h3{color:#f8ebd2}
html[data-design="festive-s1"][data-theme="dark"] .settings-back-bar,
html[data-design="festive-s1"][data-theme="dark"] .greeting-back-bar{background:rgba(35,30,23,.96)}
html[data-design="festive-s1"][data-theme="dark"] .wrap::before,
html[data-design="festive-s1"][data-theme="dark"] .wrap::after{opacity:.22}
@media(prefers-reduced-motion:reduce){html[data-design="festive-s1"] .wrap::before,html[data-design="festive-s1"] .wrap::after{animation:none}}


/* S1 visual experiment: rich amber-gold palette and translucent cards, TEST only. */
html[data-design="festive-s1"][data-theme="light"]{
  --ds-page-bg:#fff1ce;--ds-surface:rgba(255,250,235,.80);
  --ds-text:#4b280f;--ds-muted:#87633b;--ds-primary:#97540c;
  --ds-on-primary:#fff9e9;--ds-accent:#c58a25;--ds-border:#dba544;
  --ds-soft-bg:rgba(255,244,214,.75);--ds-soft-border:#e1b65e;
  --ds-focus:#9d5b0b;--ds-caret:#7c440d;
}
html[data-design="festive-s1"][data-theme="light"] body{
 background:
 radial-gradient(ellipse 80% 25% at 12% 9%,rgba(255,220,122,.70),transparent 80%),
 radial-gradient(ellipse 85% 28% at 88% 68%,rgba(244,185,67,.37),transparent 80%),
 repeating-linear-gradient(163deg,transparent 0 330px,rgba(230,165,43,.10) 331px,transparent 339px),
 linear-gradient(135deg,#fff6df,#ffe5a8 48%,#fff5dc);
 background-attachment:fixed;
}
html[data-design="festive-s1"][data-theme="light"] .wrap::before,
html[data-design="festive-s1"][data-theme="light"] .wrap::after{
 height:115px;opacity:1;
 background:
 radial-gradient(105% 75px at 22% -17px,transparent 71%,#bd7918 73%,#fff0ae 76%,#dca53c 79%,transparent 82%),
 radial-gradient(110% 88px at 75% -29px,transparent 71%,#c68c2c 73%,#fff2c2 76%,#e5ae4b 79%,transparent 82%);
}
html[data-design="festive-s1"][data-theme="light"] .card{
 background:var(--ds-surface);border:1px solid #dfae53;
 box-shadow:0 7px 25px rgba(122,69,8,.14),inset 0 1px 0 rgba(255,255,255,.85);
 backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);
}
html[data-design="festive-s1"][data-theme="light"] #mainView>.card:first-child{
 background:rgba(255,249,225,.30);border-color:rgba(210,147,34,.55);
}
html[data-design="festive-s1"][data-theme="light"] #mainView>.card:first-child .app-title,
html[data-design="festive-s1"][data-theme="light"] .app-title,
html[data-design="festive-s1"][data-theme="light"] h1,
html[data-design="festive-s1"][data-theme="light"] h2,
html[data-design="festive-s1"][data-theme="light"] h3{
 color:#542a0e;font-family:Georgia,"Times New Roman",serif;
}
html[data-design="festive-s1"][data-theme="light"] .names,
html[data-design="festive-s1"][data-theme="light"] .name-detail-card h3{
 color:#a7640c;
}
html[data-design="festive-s1"][data-theme="light"] .primary,
html[data-design="festive-s1"][data-theme="light"] button.primary,
html[data-design="festive-s1"][data-theme="light"] .day.sel,
html[data-design="festive-s1"][data-theme="light"] #calendar .day.sel{
 color:#fff9eb;border:1px solid #a76a12;
 background:linear-gradient(180deg,#d59b2d 0%,#a75f0d 58%,#824009 100%);
 box-shadow:inset 0 2px 2px #ffe5a4,0 3px 9px #ad782f55;
}
html[data-design="festive-s1"][data-theme="light"] .tomorrow,
html[data-design="festive-s1"][data-theme="light"] .latvia-today,
html[data-design="festive-s1"][data-theme="light"] .interesting,
html[data-design="festive-s1"][data-theme="light"] .birthday-entry{
 background:rgba(255,247,222,.70);border:1px solid #e0ae4e;
 box-shadow:0 2px 7px #b7802826;
}
html[data-design="festive-s1"][data-theme="light"] #prevDay,
html[data-design="festive-s1"][data-theme="light"] #nextDay,
html[data-design="festive-s1"][data-theme="light"] #prevMonth,
html[data-design="festive-s1"][data-theme="light"] #nextMonth,
html[data-design="festive-s1"][data-theme="light"] #nameBtn,
html[data-design="festive-s1"][data-theme="light"] #dateBtn{
 background:linear-gradient(180deg,#fff9e8,#ffeac0);color:#713a0b;border-color:#d9a34b;
 box-shadow:0 2px 5px #b7802826;
}
html[data-design="festive-s1"][data-theme="light"] :is(input,textarea,select){
 background:rgba(255,253,246,.94);border-color:#d9a34b;color:#452812;
 caret-color:#7c440d;
}
html[data-design="festive-s1"][data-theme="light"] :is(input,textarea,select):focus{
 border-color:#9d5b0b;outline:2px solid #bd8329;outline-offset:1px;
}
html[data-design="festive-s1"][data-theme="light"] .week div,
html[data-design="festive-s1"][data-theme="light"] #dateTitle,
html[data-design="festive-s1"][data-theme="light"] .muted{
 color:#85623c;
}
html[data-design="festive-s1"][data-theme="light"] .favorites-sort button.active,
html[data-design="festive-s1"][data-theme="light"] .birthday-sort button.active{
 background:#f5d68e;color:#693909;
}
html[data-design="festive-s1"][data-theme="light"] .favorites-sort,
html[data-design="festive-s1"][data-theme="light"] .birthday-sort{background:#f7e7bf}
html[data-design="festive-s1"][data-theme="light"] .birthday-gift-icon{filter:sepia(1) saturate(2) hue-rotate(350deg)}
html[data-design="festive-s1"][data-theme="light"] .settings-back-bar,
html[data-design="festive-s1"][data-theme="light"] .greeting-back-bar{
 background:rgba(255,244,214,.95);border-color:#dba544;
}
html[data-design="festive-s1"][data-theme="light"] #deleteMyDataButton{
 background:#f7e6c5;color:#744311;border-color:#dba544;
}


/* TEST S1.1 — Zelta greznība. Scoped to light festive mode; previous S1 retained in Git history. */
html[data-design="festive-s1"][data-theme="light"] body{
 background-image:
  url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22520%22%20height%3D%22680%22%20viewBox%3D%220%200%20520%20680%22%3E%3Cdefs%3E%3CradialGradient%20id%3D%22petal%22%3E%3Cstop%20stop-color%3D%22%23fff4bd%22%2F%3E%3Cstop%20offset%3D%22.6%22%20stop-color%3D%22%23dca33b%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%2398500a%22%2F%3E%3C%2FradialGradient%3E%3ClinearGradient%20id%3D%22stem%22%3E%3Cstop%20stop-color%3D%22%23f9dc83%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23a36a1c%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22url(%23stem)%22%20stroke-width%3D%223%22%20opacity%3D%22.7%22%3E%3Cpath%20d%3D%22M-30%20480%20Q140%20250%2080%20-50%22%2F%3E%3Cpath%20d%3D%22M520%20640%20Q300%20430%20440%20100%22%2F%3E%3Cpath%20d%3D%22M10%20260%20Q190%20230%20245%2065%22%2F%3E%3Cpath%20d%3D%22M510%20370%20Q340%20335%20265%20505%22%2F%3E%3C%2Fg%3E%3Cg%20fill%3D%22url(%23petal)%22%20opacity%3D%22.55%22%3E%3Cg%20transform%3D%22translate(100%20210)%22%3E%3Cellipse%20ry%3D%2252%22%20rx%3D%2220%22%2F%3E%3Cellipse%20ry%3D%2252%22%20rx%3D%2220%22%20transform%3D%22rotate(60)%22%2F%3E%3Cellipse%20ry%3D%2252%22%20rx%3D%2220%22%20transform%3D%22rotate(120)%22%2F%3E%3Ccircle%20r%3D%2217%22%20fill%3D%22%23fff2a9%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(420%20450)%20scale(.85)%22%3E%3Cellipse%20ry%3D%2252%22%20rx%3D%2220%22%2F%3E%3Cellipse%20ry%3D%2252%22%20rx%3D%2220%22%20transform%3D%22rotate(60)%22%2F%3E%3Cellipse%20ry%3D%2252%22%20rx%3D%2220%22%20transform%3D%22rotate(120)%22%2F%3E%3Ccircle%20r%3D%2217%22%20fill%3D%22%23fff2a9%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(265%2095)%20scale(.48)%22%3E%3Cellipse%20ry%3D%2252%22%20rx%3D%2220%22%2F%3E%3Cellipse%20ry%3D%2252%22%20rx%3D%2220%22%20transform%3D%22rotate(60)%22%2F%3E%3Cellipse%20ry%3D%2252%22%20rx%3D%2220%22%20transform%3D%22rotate(120)%22%2F%3E%3Ccircle%20r%3D%2217%22%20fill%3D%22%23fff2a9%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20fill%3D%22%23fff8d6%22%20stroke%3D%22%23c78a2d%22%20stroke-width%3D%221.5%22%20opacity%3D%22.78%22%3E%3Cpath%20d%3D%22M290%20290l7%2020%2020%207-20%207-7%2020-7-20-20-7%2020-7z%22%2F%3E%3Cpath%20d%3D%22M55%20530l5%2014%2014%205-14%205-5%2014-5-14-14-5%2014-5z%22%2F%3E%3Cpath%20d%3D%22M390%2070l5%2014%2014%205-14%205-5%2014-5-14-14-5%2014-5z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"),
  radial-gradient(ellipse 62% 20% at 4% 18%,rgba(220,145,25,.38),transparent 95%),
  radial-gradient(ellipse 75% 23% at 95% 47%,rgba(201,112,16,.28),transparent 95%),
  radial-gradient(ellipse 68% 20% at 7% 77%,rgba(246,196,75,.42),transparent 95%),
  repeating-linear-gradient(155deg,transparent 0 280px,rgba(176,105,16,.08) 283px,rgba(255,247,207,.20) 291px,transparent 310px),
  linear-gradient(125deg,#fff7d8 0%,#f6d483 31%,#ffefba 53%,#eac16c 77%,#fff5d4 100%);
 background-size: min(100vw,700px) auto,cover,cover,cover,auto,cover;
 background-position:center top,center,center,center,center,center;
 background-repeat:repeat-y,no-repeat,no-repeat,no-repeat,repeat,no-repeat;
 background-attachment:scroll,fixed,fixed,fixed,fixed,fixed;
}
html[data-design="festive-s1"][data-theme="light"] #mainView>.card:first-child,
html[data-design="festive-s1"][data-theme="light"] #mainView>.grid>.card,
html[data-design="festive-s1"][data-theme="light"] #mainView>.grid>.side>.card,
html[data-design="festive-s1"][data-theme="light"] #mainView>.grid>.side>.greeting-entry,
html[data-design="festive-s1"][data-theme="light"] #greetingView>.card{
 background:transparent!important;
 backdrop-filter:none;-webkit-backdrop-filter:none;
 box-shadow:none;
 border-color:rgba(164,98,14,.48);
}
html[data-design="festive-s1"][data-theme="light"] #mainView>.grid>.side input,
html[data-design="festive-s1"][data-theme="light"] #greetingView input{background:#fffdf8!important}
html[data-design="festive-s1"][data-theme="light"] #mainView>.card:first-child .app-title,
html[data-design="festive-s1"][data-theme="light"] #mainView h2,
html[data-design="festive-s1"][data-theme="light"] #greetingView h2{text-shadow:0 1px 0 rgba(255,246,210,.8)}
/* Preserve contrast in the small information cards and interactive fields. */
html[data-design="festive-s1"][data-theme="light"] #mainView :is(.tomorrow,.interesting,.latvia-today,.birthday-entry){
 background:rgba(255,248,225,.87);
}
@media(max-width:430px){
 html[data-design="festive-s1"][data-theme="light"] body{background-size:100vw auto,cover,cover,cover,auto,cover}
}

/* TEST S1.2 — Izsmalcinātais zelts: corner lilies and edge filigree.
   Background-only refinement; no JS, controls, or application data changed. */
html[data-design="festive-s1"][data-theme="light"] body{
 background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22440%22%20height%3D%221020%22%20viewBox%3D%220%200%20440%201020%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22petal%22%20x1%3D%220%22%20y1%3D%220%22%20x2%3D%221%22%20y2%3D%221%22%3E%3Cstop%20stop-color%3D%22%23fff6d3%22%2F%3E%3Cstop%20offset%3D%22.48%22%20stop-color%3D%22%23e9ba61%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23ad6c21%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Cg%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%3E%3Cpath%20d%3D%22M-30%2080%20Q100%2025%20245%2064%20T490%2020%22%20stroke%3D%22%23c88d2f%22%20stroke-width%3D%222.2%22%20opacity%3D%22.65%22%2F%3E%3Cpath%20d%3D%22M-30%2088%20Q120%2040%20250%2072%20T490%2028%22%20stroke%3D%22%23fff8d9%22%20stroke-width%3D%223%22%20opacity%3D%22.8%22%2F%3E%3Cpath%20d%3D%22M470%20900%20Q270%20960%20120%20932%20T-20%20965%22%20stroke%3D%22%23c88d2f%22%20stroke-width%3D%222.5%22%20opacity%3D%22.55%22%2F%3E%3Cpath%20d%3D%22M470%20911%20Q270%20971%20120%20944%20T-20%20977%22%20stroke%3D%22%23fff9dd%22%20stroke-width%3D%223%22%20opacity%3D%22.8%22%2F%3E%3Cpath%20d%3D%22M462%200%20Q330%2074%20408%20200%20Q453%20268%20442%20340%22%20stroke%3D%22%23c88d2f%22%20stroke-width%3D%222.5%22%20opacity%3D%22.5%22%2F%3E%3Cpath%20d%3D%22M-40%20750%20Q105%20820%2024%201040%22%20stroke%3D%22%23c88d2f%22%20stroke-width%3D%222.5%22%20opacity%3D%22.42%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(439%20100)%20rotate(15)%20scale(0.68)%22%3E%3Cg%20fill%3D%22url(%23petal)%22%20stroke%3D%22%23c88d2f%22%20stroke-width%3D%221.2%22%3E%3Cpath%20d%3D%22M0%200%20Q-27%20-34%20-8%20-94%20Q13%20-115%2022%20-86%20Q37%20-41%200%200Z%22%20transform%3D%22rotate(0)%22%2F%3E%3Cpath%20d%3D%22M0%200%20Q-27%20-34%20-8%20-94%20Q13%20-115%2022%20-86%20Q37%20-41%200%200Z%22%20transform%3D%22rotate(60)%22%2F%3E%3Cpath%20d%3D%22M0%200%20Q-27%20-34%20-8%20-94%20Q13%20-115%2022%20-86%20Q37%20-41%200%200Z%22%20transform%3D%22rotate(120)%22%2F%3E%3Cpath%20d%3D%22M0%200%20Q-27%20-34%20-8%20-94%20Q13%20-115%2022%20-86%20Q37%20-41%200%200Z%22%20transform%3D%22rotate(180)%22%2F%3E%3Cpath%20d%3D%22M0%200%20Q-27%20-34%20-8%20-94%20Q13%20-115%2022%20-86%20Q37%20-41%200%200Z%22%20transform%3D%22rotate(240)%22%2F%3E%3Cpath%20d%3D%22M0%200%20Q-27%20-34%20-8%20-94%20Q13%20-115%2022%20-86%20Q37%20-41%200%200Z%22%20transform%3D%22rotate(300)%22%2F%3E%3C%2Fg%3E%3Ccircle%20r%3D%2220%22%20fill%3D%22%23fff4c7%22%20stroke%3D%22%23d7a443%22%20stroke-width%3D%222%22%2F%3E%3Ccircle%20r%3D%228%22%20fill%3D%22%23f8c965%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(-22%20914)%20rotate(-35)%20scale(0.66)%22%3E%3Cg%20fill%3D%22url(%23petal)%22%20stroke%3D%22%23c88d2f%22%20stroke-width%3D%221.2%22%3E%3Cpath%20d%3D%22M0%200%20Q-27%20-34%20-8%20-94%20Q13%20-115%2022%20-86%20Q37%20-41%200%200Z%22%20transform%3D%22rotate(0)%22%2F%3E%3Cpath%20d%3D%22M0%200%20Q-27%20-34%20-8%20-94%20Q13%20-115%2022%20-86%20Q37%20-41%200%200Z%22%20transform%3D%22rotate(60)%22%2F%3E%3Cpath%20d%3D%22M0%200%20Q-27%20-34%20-8%20-94%20Q13%20-115%2022%20-86%20Q37%20-41%200%200Z%22%20transform%3D%22rotate(120)%22%2F%3E%3Cpath%20d%3D%22M0%200%20Q-27%20-34%20-8%20-94%20Q13%20-115%2022%20-86%20Q37%20-41%200%200Z%22%20transform%3D%22rotate(180)%22%2F%3E%3Cpath%20d%3D%22M0%200%20Q-27%20-34%20-8%20-94%20Q13%20-115%2022%20-86%20Q37%20-41%200%200Z%22%20transform%3D%22rotate(240)%22%2F%3E%3Cpath%20d%3D%22M0%200%20Q-27%20-34%20-8%20-94%20Q13%20-115%2022%20-86%20Q37%20-41%200%200Z%22%20transform%3D%22rotate(300)%22%2F%3E%3C%2Fg%3E%3Ccircle%20r%3D%2220%22%20fill%3D%22%23fff4c7%22%20stroke%3D%22%23d7a443%22%20stroke-width%3D%222%22%2F%3E%3Ccircle%20r%3D%228%22%20fill%3D%22%23f8c965%22%2F%3E%3C%2Fg%3E%3Cg%20fill%3D%22%23fff8dc%22%20stroke%3D%22%23c98e34%22%20stroke-width%3D%221.7%22%20opacity%3D%22.85%22%3E%3Cpath%20d%3D%22M52%20285%20l5%2014%2014%205-14%205-5%2014-5-14-14-5%2014-5Z%22%2F%3E%3Cpath%20d%3D%22M392%20746%20l4%2011%2011%204-11%204-4%2011-4-11-11-4%2011-4Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"),radial-gradient(ellipse 85% 30% at 50% 3%,rgba(255,250,228,.94),transparent 88%),linear-gradient(135deg,#fff7de 0%,#f7d894 48%,#fff0c7 100%);
 background-size:min(100vw,700px) auto,cover,cover;
 background-position:center top,center,center;
 background-repeat:repeat-y,no-repeat,no-repeat;
 background-attachment:scroll,fixed,fixed;
}
/* Keep ornamental elements at page edges and let reading areas breathe. */
html[data-design="festive-s1"][data-theme="light"] #mainView>.card:first-child,
html[data-design="festive-s1"][data-theme="light"] #mainView>.grid>.card,
html[data-design="festive-s1"][data-theme="light"] #mainView>.grid>.side>.card{
 background:rgba(255,247,220,.17)!important;
}
html[data-design="festive-s1"][data-theme="light"] #mainView :is(.tomorrow,.interesting,.latvia-today,.birthday-entry){background:rgba(255,250,232,.91)}


/* TEST S1.3 — gold theme finishing: unify remaining green controls.
   Scoped to festive light theme; no background or application logic changes. */
html[data-design="festive-s1"][data-theme="light"]{
 --gold-focus:#a96612;
 --gold-soft:#f7e4b6;
}
html[data-design="festive-s1"][data-theme="light"] :is(input,textarea,select):focus,
html[data-design="festive-s1"][data-theme="light"] :is(input,textarea,select):focus-visible,
html[data-design="festive-s1"][data-theme="light"] #favoriteAddInput:focus,
html[data-design="festive-s1"][data-theme="light"] #nameInput:focus,
html[data-design="festive-s1"][data-theme="light"] #dateInput:focus,
html[data-design="festive-s1"][data-theme="light"] #birthdayAddForm input:focus{
 outline:2px solid var(--gold-focus)!important;
 border-color:var(--gold-focus)!important;
 box-shadow:0 0 0 2px var(--gold-soft)!important;
 caret-color:#875015!important;
}
html[data-design="festive-s1"][data-theme="light"] :is(input,textarea,select){caret-color:#875015!important}
html[data-design="festive-s1"][data-theme="light"] :is(input[type="checkbox"],input[type="radio"]){accent-color:#a96612!important}
html[data-design="festive-s1"][data-theme="light"] :is(
 .favorite-add-matches button,.favorite-add-selected button,
 #favoriteAddCancel,#birthdayAddCancel,#nameResult .search-add-favorite,
 #dateSuggestions button,.search-add-favorite,
 .greeting-options button.active,.greeting-result-actions>button,
 .greeting-result-action-row button,.greeting-back-bar .back-btn,
 .name-detail-actions button,.push-active-status,
 #deleteMyDataButton
){color:#88500f!important;border-color:#d9a34b!important}
html[data-design="festive-s1"][data-theme="light"] :is(
 .favorite-add-matches button,.favorite-add-selected button,
 #favoriteAddCancel,#birthdayAddCancel,#nameResult .search-add-favorite,
 #dateSuggestions button,.greeting-result-actions>button,
 .greeting-result-action-row button,.greeting-back-bar .back-btn,
 .greeting-options button.active
){background:#fff3d5!important}
html[data-design="festive-s1"][data-theme="light"] :is(
 .name-link:focus-visible,.favorite-add-matches button:focus-visible,
 #favoriteAddCancel:focus-visible,#birthdayAddCancel:focus-visible,
 #nameResult .search-add-favorite:focus-visible,
 #deleteMyDataButton:focus-visible
){outline-color:#a96612!important}
html[data-design="festive-s1"][data-theme="light"] :is(
 .settings-card input[type="time"],.settings-card select[id^="reminder"][id$="Time"],
 .name-detail-feedback,.birthday-edit-btn,.birthday-entry .birthday-chevron,
 .greeting-entry-arrow
){color:#88500f!important}
html[data-design="festive-s1"][data-theme="light"] .switch input:checked+.switch-slider{background:#a96612!important}
html[data-design="festive-s1"][data-theme="light"] .greeting-options button.active{background:#f8dfa8!important}
html[data-design="festive-s1"][data-theme="light"] .push-active-status,
html[data-design="festive-s1"][data-theme="light"] .push-active-status:disabled{background:#f7e6c5!important;color:#88500f!important}

/* Emoji chooser must not be covered by the sticky navigation.
   Restore navigation automatically when the chooser closes. */
#greetingResultView:has(#greetingEmojiPanel:not([hidden])) .greeting-back-bar{
 visibility:hidden!important;
 pointer-events:none!important;
}

/* TEST S1.3 readability: white labels on dark gold name-detail action buttons. */
html[data-design="festive-s1"][data-theme="light"] #nameDetailView .name-detail-actions button,
html[data-design="festive-s1"][data-theme="light"] #nameDetailView .name-detail-actions button:disabled{
 color:#fff!important;
 -webkit-text-fill-color:#fff!important;
}