/* ============================================================
   🎨 ACCENT PALETTES  (html[data-accent="…"])
   8 garam rang — koi blue nahi. Poore UI ka accent badalta hai
   (styles.css --accent/--brand + os.css --os-accent* + skins).
   Ye file styles.css aur os.css ke BAAD load hoti hai, isliye
   html[data-theme="amoled"] ke values ko override kar deti hai.
   ============================================================ */

/* default = Kesariya (AMOLED mono ka asli rang) */
html {
  --acc-r: #ff453a;
  --acc-o: #ff6b35;
  --acc-a: #ff9f0a;
  --acc-y: #ffd166;
  --acc-on: #1a0f06;
}

html[data-accent="kesariya"] { --acc-r:#ff453a; --acc-o:#ff6b35; --acc-a:#ff9f0a; --acc-y:#ffd166; --acc-on:#1a0f06; }
html[data-accent="sindoor"]  { --acc-r:#ff2d1f; --acc-o:#ff4d24; --acc-a:#ff7a1a; --acc-y:#ffb347; --acc-on:#1a0f06; }
html[data-accent="haldi"]    { --acc-r:#ff7a00; --acc-o:#ff9d1c; --acc-a:#ffc247; --acc-y:#ffe08a; --acc-on:#1a0f06; }
html[data-accent="tamra"]    { --acc-r:#d94f1a; --acc-o:#e8731f; --acc-a:#f0932b; --acc-y:#f3c877; --acc-on:#1a0f06; }
html[data-accent="gulab"]    { --acc-r:#ff2f55; --acc-o:#ff5f7e; --acc-a:#ff8fa8; --acc-y:#ffc9d6; --acc-on:#1a0f06; }
html[data-accent="mitti"]    { --acc-r:#8a4b2a; --acc-o:#a9663a; --acc-a:#c98552; --acc-y:#e0b083; --acc-on:#fff2e2; }
html[data-accent="chandi"]   { --acc-r:#e8d5b7; --acc-o:#f0e0c2; --acc-a:#f7ecd6; --acc-y:#fff8ea; --acc-on:#1a0f06; }
html[data-accent="mono"]     { --acc-r:#ffffff; --acc-o:#efefef; --acc-a:#d4d4d4; --acc-y:#f7f1e8; --acc-on:#1a0f06; }

/* ---- poore app ke accent tokens ek hi jagah se badlo ---- */
html[data-accent] {
  --accent: var(--acc-a);
  --brand: var(--acc-o);
  --brand-strong: var(--acc-r);
  --brand-soft: color-mix(in srgb, var(--acc-r) 14%, transparent);

  --brand-2: var(--acc-a);
  --os-accent: var(--acc-o);
  --os-accent-2: var(--acc-a);
  --os-accent-soft: color-mix(in srgb, var(--acc-o) 15%, transparent);
  --os-accent-line: color-mix(in srgb, var(--acc-o) 40%, transparent);
  --os-info: var(--acc-a);
}

/* thande (blue-ish) tokens ko garam karo — "koi bhi blue nahi" */
html[data-theme="amoled"] {
  --brand-2: var(--acc-a);
  --os-text: #f6efe6;
  --os-text-2: #a89c8d;
  --os-text-3: #7d7466;
}

/* ---- Settings ka swatch picker ---- */
.acc-row { display: flex; gap: 9px; flex-wrap: wrap; align-items: center; }
.acc-sw {
  width: 34px; height: 34px; border-radius: 11px; cursor: pointer; padding: 0;
  border: 2px solid rgba(255, 255, 255, .18); background: none;
  transition: transform .45s cubic-bezier(.2, 1.5, .35, 1), border-color .25s, box-shadow .25s;
}
.acc-sw:hover { transform: translateY(-3px) scale(1.08); }
.acc-sw:active { transform: scale(.9); }
.acc-sw[aria-pressed="true"] {
  border-color: #fff; transform: scale(1.12);
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--acc-o) 35%, transparent);
}
.acc-name {
  font-size: 12px; font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
  color: var(--acc-y); margin-left: 2px;
}