/* رموز صفحة مطر شات — مشتقّة حرفيًا من `app/lib/design/tokens.dart`.
 * القيم OKLCH محسوبة من نفس الـhex الذي يشحنه التطبيق، فالصفحة والتطبيق
 * لونهما واحد لا لونان متشابهان. لا يُكتب لون خارج هذا الملفّ. */

:root {
  /* ── الأسطح: الارتفاع بالإضاءة لا بالظل ── */
  --color-canvas: oklch(17.1% 0.019 274.5); /* #0D0F18 */
  --color-surface: oklch(22.1% 0.028 271.7); /* #161A28 */
  --color-raised: oklch(25.9% 0.033 271.4); /* #1E2334 */
  --color-raised-2: oklch(29.7% 0.037 271.1); /* #262C40 */
  --color-rule: oklch(33.2% 0.040 270.5); /* #2E354B */
  --color-rule-soft: oklch(27.9% 0.030 270.9); /* #232838 */

  /* ── الحبر ── */
  --color-ink: oklch(95.9% 0.008 278.6); /* #F0F1F7 — 13.2:1 */
  --color-ink-2: oklch(77.2% 0.023 274.6); /* #B0B4C4 — 6.4:1 */
  --color-ink-3: oklch(62.0% 0.032 274.8); /* #80859A */

  /* ── الأكسنت: يعني شيئين فقط — صوت حيّ، وقيمة ── */
  --color-accent: oklch(84.9% 0.147 80.4); /* #FFC24D */
  --color-accent-dim: oklch(70.7% 0.137 77.7); /* #CF9425 */
  --color-accent-ink: oklch(29.6% 0.056 83.9); /* #3A2A05 */
  --color-focus: oklch(88.4% 0.124 84.4); /* #FFD273 */

  /* ── أسطح مركّبة: توهّج القماش، حجاب الحبّة، ظلّ اللقطة ── */
  --glow-warm: oklch(84.9% 0.147 80.4 / 0.13);
  --glow-cool: oklch(62.0% 0.032 274.8 / 0.10);
  --color-veil: oklch(22.1% 0.028 271.7 / 0.72);
  --color-shade: oklch(8% 0.02 274 / 0.75);
  --color-good: oklch(77.1% 0.135 157.4); /* #5FCE92 */

  /* ── الخطوط: ثلاث عائلات، ثلاثة أدوار لا تتداخل ── */
  --font-display: 'Alexandria', system-ui, sans-serif;
  --font-body: 'IBM Plex Sans Arabic', system-ui, sans-serif;
  --font-mono: 'IBM Plex Mono', ui-monospace, monospace;

  /* ── السلّم الطباعي ── */
  --text-hero: clamp(2.15rem, 4.2vw + 0.9rem, 3.9rem);
  --text-display: clamp(1.7rem, 2.2vw + 0.8rem, 2.7rem);
  --text-2xl: clamp(1.5rem, 2.6vw + 0.5rem, 2.1rem);
  --text-xl: clamp(1.2rem, 1.3vw + 0.7rem, 1.45rem);
  --text-lg: 1.1rem;
  --text-base: 1rem;
  --text-sm: 0.875rem;
  --text-xs: 0.78rem;

  /* ── المسافات: سلّم ٤ نقاط ── */
  --space-2xs: 0.25rem;
  --space-xs: 0.5rem;
  --space-sm: 0.75rem;
  --space-md: 1rem;
  --space-lg: 1.5rem;
  --space-xl: 2rem;
  --space-2xl: 3rem;
  --space-3xl: clamp(4.5rem, 9vw, 8rem);

  /* أبعاد العلامة نسبية إلى حجم خطّها — نِسَب رسم لا مسافات تخطيط،
     لكنها مسمّاة حتى لا يبقى رقم حرّ في الملفّ. */
  --mark-bar: 0.2em;
  --mark-gap: 0.28em;

  /* ── الزوايا والحدود ── */
  --radius-sm: 8px;
  --radius-md: 14px;
  --radius-lg: 22px;
  /* زاوية اللقطة تطابق زاوية جهاز حقيقي — أكبر من زوايا الصفحة. */
  --radius-shot: 28px;
  --radius-pill: 999px;
  --rule-hair: 1px;
  --rule-thick: 3px;

  /* ── الحركة: ثلاثة تسهيلات مسمّاة، لا `ease` افتراضي ── */
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-in: cubic-bezier(0.7, 0, 0.84, 0);
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
  --dur-short: 140ms;
  --dur-mid: 260ms;
  --dur-long: 620ms;

  /* ── الطبقات: سلّم مسمّى، لا 9999 ── */
  --z-base: 1;
  --z-raised: 10;
  --z-nav: 100;
}