/*
  VPN CORE — โทนสี (แก้ที่นี่ที่เดียว)
  ดำ + ส้ม
*/
:root {
  /* พื้นหลัง */
  --bg: #0e0e0e;
  --surface: #181818;
  --surface-2: #222222;
  --surface-3: #2c2c2c;

  /* เส้นขอบ */
  --line: rgba(255, 255, 255, 0.09);
  --line-strong: rgba(255, 255, 255, 0.15);

  /* ตัวอักษร */
  --text: #f2f2f2;
  --text-2: rgba(255, 255, 255, 0.72);
  --muted: rgba(255, 255, 255, 0.5);
  --dim: rgba(255, 255, 255, 0.32);

  /* ส้ม — สีหลัก */
  --orange: #ff5722;
  --orange-dark: #e64a19;
  --orange-soft: rgba(255, 87, 34, 0.14);
  --orange-line: rgba(255, 87, 34, 0.38);

  /* สถานะ */
  --ok: #4caf50;
  --ok-soft: rgba(76, 175, 80, 0.12);
  --ok-line: rgba(76, 175, 80, 0.35);
  --bad: #ef5350;

  /* ใช้ในหน้าแรก */
  --brand: var(--orange);
  --brand-hover: var(--orange-dark);
  --brand-soft: var(--orange-soft);
  --ink: var(--text);
  --ink-2: var(--text-2);

  /* ใช้ในคอนโซล (ชื่อเดิมใน zip.html) */
  --base: var(--bg);
  --layer1: var(--surface);
  --layer2: var(--surface-2);
  --layer3: var(--surface-3);
  --border: var(--line);
  --border-hi: var(--orange-line);
  --accent: var(--orange);
  --accent-glow: rgba(255, 87, 34, 0.22);
  --cyan: var(--orange-dark);
  --emerald: var(--ok);
  --violet: #ff8a65;
  --rose: var(--bad);
  --amber: #ff9800;
  --void: rgba(14, 14, 14, 0.97);

  /* ฟอนต์ + มุม + เงา */
  --font: 'Sarabun', system-ui, -apple-system, sans-serif;
  --mono: ui-monospace, 'Cascadia Code', monospace;
  --head: var(--font);
  --body: var(--font);
  --radius: 8px;
  --radius-md: 8px;
  --radius-lg: 10px;
  --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.35);
  --shadow-md: 0 4px 20px rgba(0, 0, 0, 0.4);
  --shadow-lg: 0 8px 32px rgba(0, 0, 0, 0.5);
  --shadow: var(--shadow-md);
  --edge: inset 0 1px 0 rgba(255, 255, 255, 0.05);
}