/* Shared palette for the original WE artwork and header wordmark. */
[data-skin] {
  --brand-mark-ink:#f0ffd9;
  --brand-mark-face:#060c08;
  --brand-wordmark:#dcf79c;
  --brand-subtitle:#cddcc7;
  --brand-bevel:linear-gradient(145deg,#d9e8dd,#536e5b 35%,#192b20 65%,#a0b69b);
  --brand-rim:#e8f6e8 #4c6451 #304534 #c0d6c2;
  --brand-step:#45694d;
  --brand-glow:#bbff382b;
}
[data-skin=classic] {
  --brand-mark-ink:#fff;
  --brand-mark-face:#090909;
  --brand-wordmark:#f5f5f5;
  --brand-subtitle:#cdd0d3;
  --brand-bevel:linear-gradient(145deg,#ddd,#686868 35%,#222 65%,#aaa);
  --brand-rim:#fafafa #666 #333 #d0d0d0;
  --brand-step:#555;
  --brand-glow:#ffffff12;
}
[data-skin=metal] {
  --brand-mark-ink:#ffe8ac;
  --brand-mark-face:#201a0f;
  --brand-wordmark:#ffe2a0;
  --brand-subtitle:#dfcda4;
  --brand-bevel:linear-gradient(145deg,#f9ecc0,#948052 35%,#343a24 65%,#bfad72);
  --brand-rim:#fff1bb #7a7146 #4a4b2c #e2d09b;
  --brand-step:#8a794b;
  --brand-glow:#efce632b;
}
[data-skin=ice] {
  --silver-blue:#2764c9;
  --silver-brush:repeating-linear-gradient(0deg,#647d991c 0 1px,transparent 1px 3px),linear-gradient(140deg,#f4f8fd,#a5b6cb 42%,#eef5ff 63%,#8497af);
  --silver-case:conic-gradient(from -55deg,#f7fbff,#b6c4d5 15%,#71849c 28%,#e8f0fc 45%,#8197af 62%,#f5f8fd 80%,#f7fbff);
  --brand-mark-ink:#eef5ff;
  --brand-mark-face:#123365;
  --brand-wordmark:#d5e7ff;
  --brand-subtitle:#c1d1e7;
  --brand-bevel:var(--silver-case);
  --brand-rim:#f6f9ff #899cb4 #536d8a #cedced;
  --brand-step:#667c98;
  --brand-glow:#71a7fa3d;
}
[data-skin=redline] {
  --brand-mark-ink:#ff9cab;
  --brand-mark-face:#201016;
  --brand-wordmark:#ffb0bc;
  --brand-subtitle:#efbfca;
  --brand-bevel:linear-gradient(135deg,#fdadb6,#92394f 35%,#2c1824 66%,#bb556b);
  --brand-rim:#ffb3bf #a23c54 #471c2a #ec7188;
  --brand-step:#662b3e;
  --brand-glow:#ff526b3b;
  --brand-radius:6px;
}
[data-skin=whitelab] {
  --brand-mark-ink:#234baf;
  --brand-mark-face:#fffdf5;
  --brand-wordmark:#234baf;
  --brand-subtitle:#435b83;
  --brand-bevel:linear-gradient(145deg,#fff,#e0e9ff 45%,#a2b6db);
  --brand-rim:#fff #9aafd3 #8da5ce #cedaf2;
  --brand-step:#a2b4d4;
  --brand-glow:#4c75c418;
}

body[data-skin] .app header.top .brand>.v47-logo,
:root[data-skin] .clock-brand-mark {
  display:block;
  box-sizing:border-box;
  padding:1px!important;
  background:var(--brand-bevel)!important;
  border:2px solid;
  border-color:var(--brand-rim)!important;
  border-radius:var(--brand-radius,11px)!important;
  box-shadow:inset 0 1px #fff6,0 3px var(--brand-step),0 6px 9px #0004,0 0 13px var(--brand-glow)!important;
}
body[data-skin] .app header.top .brand>.v47-logo {
  transform:translateY(-2px);
  transition:transform .15s ease,box-shadow .15s ease;
}
body[data-skin] .app header.top .brand>.v47-logo:active,
:root[data-skin] .clock-brand:active>.clock-brand-mark {
  transform:translateY(1px);
  box-shadow:0 1px var(--brand-step),0 2px 5px #0004!important;
}
@media(hover:hover) and (pointer:fine) {
  body[data-skin] .app header.top .brand>.v47-logo:hover:not(:active) {
    transform:translateY(-4px);
  }
}
@media(prefers-reduced-motion:reduce) {
  body[data-skin] .app header.top .brand>.v47-logo {transition:none!important}
}

body[data-skin] .app header.top .brand .brand-main-logo path[fill="#fff"] {
  fill:var(--brand-wordmark)!important;
}
body[data-skin] .app header.top .brand .v47-brand-copy :is(.brand-sub-ko,.brand-sub-ko>span) {
  color:var(--brand-subtitle)!important;
  -webkit-text-fill-color:var(--brand-subtitle)!important;
  text-shadow:none!important;
}
body[data-skin]:not([data-skin=neon]) .app header.top #neonHome svg {
  filter:none!important;
}
body[data-skin]:not([data-skin=neon]) .app header.top #neonHome:focus-visible {
  outline-color:var(--brand-wordmark);
}
:root[data-skin] .clock-brand strong {color:var(--brand-wordmark)}
:root[data-skin] .clock-brand small {color:var(--brand-subtitle)}