/* =========================================================================
   Admin theme — brand tokens: Crystal Sports G

   ชุดสีต้นฉบับของธีมนี้ navy + lime
   โหลดไฟล์นี้ "ก่อน" theme.css เสมอ
   ========================================================================= */
:root {
  /* ---- 1. สีแบรนด์ ---------------------------------------------------- */
  --cs-navy-900: #07133e;
  --cs-navy-700: #10245f;
  --cs-lime: #d6ff22;
  --cs-lime-600: #c9f20f;
  --cs-on-lime: #07133e; /* ตัวอักษรบนสีเน้น */
  --cs-gradient: linear-gradient(160deg, #07133e 0%, #10245f 55%, #d6ff22 140%);

  /* ---- 2. สีตัวอักษรและพื้นหลัง ---------------------------------------- */
  --cs-ink: #101526;
  --cs-slate: #606778;
  --cs-placeholder: #adb1bd;
  --cs-meta-on-navy: #c7cedb;
  --cs-surface: #f7f8fb;
  --cs-app-bg: #fafbfc;
  --cs-border: #e4e7ef;
  --cs-border-strong: #e0e3eb;

  /* ---- 3. สีสถานะ ------------------------------------------------------ */
  --cs-success: #1b7f5e;
  --cs-danger: #c0392b;
  --cs-danger-bg: #fdf2f0;
  --cs-danger-on-dark: #ff7a6b;
  --cs-amber: #b7791f;
  --cs-amber-bg: #fff6e0;
  --cs-amber-on-dark: #f2c46b;
  --cs-info: #2563b0;

  /* ---- 4. ตัวอักษร ------------------------------------------------------ */
  --cs-font: 'Inter', 'Noto Sans Thai', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --cs-font-display: var(--cs-font);
  --cs-mono: ui-monospace, 'SF Mono', Menlo, Consolas, monospace;
  --cs-body-weight: 400;

  /* ---- 5. รูปทรงและเงา -------------------------------------------------- */
  --cs-radius-md: 8px;
  --cs-shadow-card: 0 6px 18px rgba(18, 23, 43, 0.1);
  --cs-inset-border: inset 0 0 0 1px var(--cs-border);
  --cs-focus-ring: 0 0 0 3px rgba(16, 36, 95, 0.12);
  --cs-backdrop: rgba(7, 19, 62, 0.45);
  --cs-skeleton-hi: #eef0f5;

  /* ---- 6. สีเชิงหน้าที่ (v2) ------------------------------------------ */
  --cs-card: #ffffff;
  --cs-primary: #07133e;       /* ปุ่มหลัก แท็บที่เลือก ลิงก์ */
  --cs-primary-hover: #10245f;
  --cs-on-primary: #ffffff;
  --cs-sidebar-bg: #07133e;
  --cs-sidebar-fg: #ffffff;

  /* สีกราฟ เรียงตามลำดับการใช้ ชุดแรกเป็นสีหลักเสมอ */
  --cs-chart-1: #10245f;
  --cs-chart-2: #a8cc00;
  --cs-chart-3: #5b7bd5;
  --cs-chart-4: #9aa3b8;
  --cs-chart-5: #1b7f5e;

  /* ---- 8. เว็บไซต์ลูกค้า (v2.1) --------------------------------------------
     สีของบริการภายนอกและระดับสมาชิก — ค่าเดียวกันทุกแบรนด์ เปลี่ยนเฉพาะเมื่อแบรนด์กำหนดเอง */
  --cs-line-green: #06c755; /* LINE brand guideline — ห้ามเปลี่ยน */
  --cs-on-line: #ffffff;
  --cs-tier-member: #8a93a6;
  --cs-tier-silver: #9ea7b3;
  --cs-tier-gold: #c9a227;
  --cs-tier-platinum: #5c6b7a;

  /* ---- 7. โครงหน้า ------------------------------------------------------ */
  --cs-sidebar-w: 240px;
  --cs-sidebar-w-narrow: 72px;
}

/* ---- โหมดมืด ------------------------------------------------------------
   ในโหมดมืด navy กลืนกับพื้น จึงยกสีเน้น (lime) ขึ้นมาเป็นสีหลักแทน
   แถบข้างยังคง navy เพื่อให้จำแบรนด์ได้ */
:root[data-theme='dark'] {
  --cs-ink: #e6e9f2;
  --cs-slate: #9aa3b8;
  --cs-placeholder: #667089;
  --cs-surface: #1a2338;
  --cs-app-bg: #0b1122;
  --cs-card: #121a2e;
  --cs-border: #243049;
  --cs-border-strong: #2e3b58;
  --cs-skeleton-hi: #232e48;

  --cs-primary: #d6ff22;
  --cs-primary-hover: #c9f20f;
  --cs-on-primary: #07133e;
  --cs-sidebar-bg: #070e26;

  --cs-success: #3fcf95;
  --cs-danger: #ff7a6b;
  --cs-amber: #f2c46b;
  --cs-info: #6ea8fe;

  --cs-chart-1: #d6ff22;
  --cs-chart-2: #6ea8fe;
  --cs-chart-3: #9aa3b8;
  --cs-chart-4: #3fcf95;
  --cs-chart-5: #f2c46b;

  --cs-shadow-card: 0 8px 24px rgba(0, 0, 0, 0.35);
  --cs-focus-ring: 0 0 0 3px rgba(214, 255, 34, 0.25);
  --cs-backdrop: rgba(0, 0, 0, 0.6);
}