html.drykos-light{
  color-scheme: light;
  --dk-bg: #ffffff;
  //--dk-surface: #ddd000;
  --dk-surface: #fffffe;
  --dk-text: #000000;
  --dk-border: #e6e6e6;
  --dk-accent: #38b39a;
  --dk-accent-2: #000000;
}

html.drykos-dark{
  color-scheme: dark;
  --dk-bg: #000000;
  --dk-surface: #fffffe;
  --dk-text: #e8eef6;
  --dk-border: #223045;
  --dk-accent: #38b39a;
  --dk-accent-2: #ffffff;
}

/* Mappatura Bricks Global Colors -> Token Drykos */
html.drykos-light,
html.drykos-dark{
  --bricks-color-mxfogm: var(--dk-bg);       /* era #ffffff (background) */
  --bricks-color-kajdxa: var(--dk-surface);  /* era #fffffe (quasi-white) */
  --bricks-color-hiftuo: var(--dk-text);     /* era #000000 (molto usato: testo/bordi) */
  --bricks-color-jeaauo: var(--dk-accent);   /* era #38b39a */
  --bricks-color-fjeirr: var(--dk-accent-2); /* era #28579b */
}

body{ background: var(--dk-bg); color: var(--dk-text); }
/*a{ color: var(--dk-accent-2); }*/

#theme-toggler{
  width: 24px;
  height: 24px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  color: var(--dk-text, #000);
}

#theme-toggler .dk-theme-icon{ width: 24px; height: 24px; display:block; }
#theme-toggler .dk-disc{ fill: currentColor; }
#theme-toggler .dk-outline{
  stroke: currentColor;
  stroke-width: 4;
  transition: opacity 200ms ease;
}

/* Dark: solo outline */
html[data-dk-theme="dark"]  #theme-toggler .dk-outline{ opacity: 1; }

/* Light: solo pieno */
html[data-dk-theme="light"] #theme-toggler .dk-outline{ opacity: 0; }

@media (prefers-reduced-motion: reduce){
  #theme-toggler .dk-outline{ transition: none; }
}