/* tokens.css — متغيّرات التصميم (ألوان باستيل أنمي، مقاسات، ظلال). */
:root {
  /* ألوان اللاعبين الأربعة (تطابق colorIndex 0..3) */
  --p0: #4ea8de;  --p0-d: #2f7bb0;   /* ماء (أزرق) */
  --p1: #ffd23f;  --p1-d: #e0a800;   /* برق (أصفر) */
  --p2: #57cc99;  --p2-d: #2f9e72;   /* طبيعة (أخضر) */
  --p3: #ff6a4d;  --p3-d: #d8412a;   /* نار (أحمر-برتقالي) */

  /* سماء/خلفية */
  --sky-top: #aee9ff;
  --sky-bot: #ffd6f0;

  /* واجهة */
  --ink: #28304a;
  --ink-soft: #5b6488;
  --paper: #ffffff;
  --paper-soft: #f4f7ff;
  --accent: #ff5fa2;
  --accent-d: #e23e84;
  --accent2: #4ea8de;
  --good: #3ec98b;
  --warn: #ffb703;
  --danger: #ff5a5a;

  /* مقاسات لمس */
  --tap: 56px;
  --tap-lg: 72px;
  --radius: 18px;
  --radius-sm: 12px;

  /* ظلال ناعمة */
  --shadow-sm: 0 2px 6px rgba(40,48,74,.14);
  --shadow: 0 8px 24px rgba(40,48,74,.18);
  --shadow-lg: 0 16px 48px rgba(40,48,74,.28);
  --shadow-pop: 0 10px 0 rgba(0,0,0,.12);

  /* خطوط */
  --font: "Segoe UI", "Tahoma", system-ui, -apple-system, "Noto Sans Arabic", sans-serif;

  --safe-t: env(safe-area-inset-top, 0px);
  --safe-b: env(safe-area-inset-bottom, 0px);
  --safe-l: env(safe-area-inset-left, 0px);
  --safe-r: env(safe-area-inset-right, 0px);
}