/*
 * ตัวแปรสีของธีม mali สร้างโดย theme-codemod.py
 * ค่าใน :root / [data-bs-theme="dark"] เท่าค่าเดิมที่เคยเขียนตายตัวในหน้าเว็บ (โหมดมืดไม่เปลี่ยน)
 * ค่าใน [data-bs-theme="light"] คือโหมดสว่าง แก้สีโหมดสว่างที่นี่ที่เดียว
 */

:root,
[data-bs-theme="dark"] {
  --surface-header: rgba(255, 255, 255, 0.03);
  --glass-01: rgba(255, 255, 255, .01);
  --glass-02: rgba(255, 255, 255, .02);
  --glass-03: rgba(255, 255, 255, .03);
  --glass-04: rgba(255, 255, 255, .04);
  --glass-05: rgba(255, 255, 255, .05);
  --glass-06: rgba(255, 255, 255, .06);
  --glass-08: rgba(255, 255, 255, .08);
  --glass-10: rgba(255, 255, 255, .1);
  --glass-15: rgba(255, 255, 255, .15);
  --glass-20: rgba(255, 255, 255, .2);
  --glass-35: rgba(255, 255, 255, .35);
  --glass-40: rgba(255, 255, 255, .4);
  --glass-50: rgba(255, 255, 255, .5);
  --ink-40: rgba(255, 255, 255, 0.4);
  --line-04: rgba(255, 255, 255, .04);
  --line-05: rgba(255, 255, 255, .05);
  --line-06: rgba(255, 255, 255, .06);
  --line-08: rgba(255, 255, 255, .08);
  --line-10: rgba(255, 255, 255, .1);
  --line-15: rgba(255, 255, 255, .15);
  --line-20: rgba(255, 255, 255, .2);
  --line-25: rgba(255, 255, 255, .25);
  --line-30: rgba(255, 255, 255, .3);
  --surface-deep: rgba(13, 17, 48, 0.8);
  --surface-slate: #1e293b;
  --surface-tooltip: rgba(30, 35, 45, 0.95);
  --text-soft: #a9b2d3;
  --text-strong: #ffffff;
  --tone-amber: #f59e0b;
  --tone-cyan: #0dcaf0;
  --tone-emerald: #10b981;
  --tone-gold: #c9a961;
  --tone-gold-light: #d4b76b;
  --tone-green: #06c755;
  --tone-indigo: #7c83ff;
  --tone-indigo-strong: #8b8cf8;
  --tone-mint: #75ec88;
  --tone-orange: #ffb03a;
  --tone-pink: #ff7ab8;
  --tone-red: #ef4444;
  --tone-red-soft: #ff5b5b;
  --tone-rose: #ea868f;
  --tone-teal: #00bac6;
  --tone-violet: #6366f1;
  --tone-yellow: #ffd700;
}

[data-bs-theme="light"] {
  --surface-header: #ffffff;
  --glass-01: rgba(255, 255, 255, 0.78);
  --glass-02: rgba(255, 255, 255, 0.78);
  --glass-03: rgba(255, 255, 255, 0.78);
  --glass-04: rgba(15, 23, 42, 0.035);
  --glass-05: rgba(15, 23, 42, 0.035);
  --glass-06: rgba(15, 23, 42, 0.035);
  --glass-08: rgba(15, 23, 42, 0.06);
  --glass-10: rgba(15, 23, 42, 0.06);
  --glass-15: rgba(15, 23, 42, 0.09);
  --glass-20: rgba(15, 23, 42, 0.09);
  --glass-35: rgba(255, 255, 255, 0.95);
  --glass-40: rgba(255, 255, 255, 0.95);
  --glass-50: rgba(255, 255, 255, 0.95);
  --ink-40: rgba(15, 23, 42, 0.55);
  --line-04: rgba(15, 23, 42, 0.07);
  --line-05: rgba(15, 23, 42, 0.07);
  --line-06: rgba(15, 23, 42, 0.07);
  --line-08: rgba(15, 23, 42, 0.1);
  --line-10: rgba(15, 23, 42, 0.1);
  --line-15: rgba(15, 23, 42, 0.14);
  --line-20: rgba(15, 23, 42, 0.14);
  --line-25: rgba(15, 23, 42, 0.2);
  --line-30: rgba(15, 23, 42, 0.2);
  --surface-deep: rgba(255, 255, 255, 0.94);
  --surface-slate: #f1f5f9;
  --surface-tooltip: rgba(255, 255, 255, 0.97);
  --text-soft: #475569;
  --text-strong: #0f172a;
  --tone-amber: #b45309;
  --tone-cyan: #0e7490;
  --tone-emerald: #047857;
  --tone-gold: #8a6d1f;
  --tone-gold-light: #8a6d1f;
  --tone-green: #047857;
  --tone-indigo: #4338ca;
  --tone-indigo-strong: #4338ca;
  --tone-mint: #15803d;
  --tone-orange: #b45309;
  --tone-pink: #be185d;
  --tone-red: #b91c1c;
  --tone-red-soft: #b91c1c;
  --tone-rose: #be123c;
  --tone-teal: #0e7490;
  --tone-violet: #4338ca;
  --tone-yellow: #a16207;
}