/**
 * AEYA TOKEN BRIDGE — Rachadej Platform
 *
 * aeya-navigator.css ถูกคัดลอกมาจาก App89 แบบไม่แก้ไข เพื่อให้ sync กับต้นทางได้ง่าย
 * ไฟล์นั้นอ่านตัวแปรชุด --sui-* ของ Sirin UI ซึ่งไม่มีในเว็บนี้
 * ไฟล์นี้จึงแปลง design token ของแต่ละธีม Rachadej ให้เป็นชื่อ --sui-* ที่เอญ่าต้องการ
 *
 * ต้องโหลดก่อน aeya-navigator.css เสมอ
 */

:root,
:root[data-theme="saturday"] {
  --sui-font-body: "Sarabun", "Noto Sans Thai", Inter, "Segoe UI", Tahoma, sans-serif;
  --sui-font-display: "Noto Sans Thai", Inter, "Segoe UI", sans-serif;

  --sui-surface: #111c33;
  --sui-surface-soft: #17243d;
  --sui-canvas-alt: #0b1224;
  --sui-text: #f1f5f9;
  --sui-muted: #94a3b8;
  --sui-line: rgba(255, 255, 255, 0.12);
  --sui-line-strong: rgba(192, 132, 252, 0.45);
  --sui-accent: #c084fc;
  --sui-accent-strong: #e9d5ff;
  --sui-accent-soft: rgba(192, 132, 252, 0.16);
  --sui-on-accent: #1b1030;
  --sui-success: #34d399;
  --sui-danger: #f87171;
  --sui-focus: rgba(56, 189, 248, 0.55);
  --sui-glow: 0 0 24px rgba(192, 132, 252, 0.35);
  --sui-shadow: 0 18px 48px rgba(2, 6, 23, 0.55);
}

:root[data-theme="cyber"] {
  --sui-surface: #0f1d30;
  --sui-surface-soft: #142639;
  --sui-canvas-alt: #050b14;
  --sui-text: #f1f5f9;
  --sui-muted: #7f8ea4;
  --sui-line: rgba(6, 182, 212, 0.25);
  --sui-line-strong: rgba(6, 182, 212, 0.5);
  --sui-accent: #22d3ee;
  --sui-accent-strong: #a5f3fc;
  --sui-accent-soft: rgba(34, 211, 238, 0.16);
  --sui-on-accent: #04141a;
  --sui-success: #2dd4bf;
  --sui-danger: #fb7185;
  --sui-focus: rgba(6, 182, 212, 0.55);
  --sui-glow: 0 0 24px rgba(6, 182, 212, 0.38);
  --sui-shadow: 0 18px 48px rgba(2, 6, 23, 0.6);
}

:root[data-theme="light"] {
  --sui-surface: #ffffff;
  --sui-surface-soft: #f8fafc;
  --sui-canvas-alt: #f1f5f9;
  --sui-text: #0f172a;
  --sui-muted: #475569;
  --sui-line: #e2e8f0;
  --sui-line-strong: rgba(2, 132, 199, 0.35);
  --sui-accent: #0284c7;
  --sui-accent-strong: #075985;
  --sui-accent-soft: rgba(2, 132, 199, 0.12);
  --sui-on-accent: #ffffff;
  --sui-success: #059669;
  --sui-danger: #dc2626;
  --sui-focus: rgba(2, 132, 199, 0.45);
  --sui-glow: 0 0 22px rgba(2, 132, 199, 0.28);
  --sui-shadow: 0 14px 36px rgba(15, 23, 42, 0.14);
}

:root[data-theme="lavender"] {
  --sui-surface: #ffffff;
  --sui-surface-soft: #f7f3ff;
  --sui-canvas-alt: #ede9fe;
  --sui-text: #1f1b35;
  --sui-muted: #5d5578;
  --sui-line: #e5dcfa;
  --sui-line-strong: rgba(124, 58, 237, 0.32);
  --sui-accent: #7c3aed;
  --sui-accent-strong: #5b21b6;
  --sui-accent-soft: rgba(124, 58, 237, 0.12);
  --sui-on-accent: #ffffff;
  --sui-success: #059669;
  --sui-danger: #dc2626;
  --sui-focus: rgba(124, 58, 237, 0.45);
  --sui-glow: 0 0 22px rgba(147, 51, 234, 0.3);
  --sui-shadow: 0 14px 36px rgba(49, 34, 86, 0.16);
}

/*
 * ยูทิลิตี้ที่มาร์กอัปของเอญ่าใช้ (ต้นทางใช้ .sui-u-sr-only ของ Sirin UI)
 */
.aeya-sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}