/* ==========================================================================
   منصّة تقدّر — توكنات الهوية
   مولَّد آليًّا من lib/core/theme/*.dart في مستودع تطبيق تقدّر.
   لا تُحرّر هذا الملف يدويًّا — عدّل المصدر وأعد التوليد.

   الهوية ثلاثة ألوان: كحلي (الفعل الأول) · تركوازي (الإتقان) · برتقالي
   (إشارة واحدة لا تُستعمل للنجاح أبدًا). والأحمر لون نظام للخطأ لا لون هوية.
   ========================================================================== */

:root {
  /* --- الهوية والنظام --- */
  --tq-navy: #132549;
  --tq-navyDeep: #0B182F;
  --tq-navySoft: #1E3A63;
  --tq-teal: #0C786C;
  --tq-tealSoft: #E3F2EF;
  --tq-tealLift: #17A08E;
  --tq-amber: #F49B2D;
  --tq-amberSoft: #FDF0DD;
  --tq-danger: #D64545;
  --tq-dangerSoft: #FBE9E9;
  --tq-ground: #F6F7FA;
  --tq-surface: #FFFFFF;
  --tq-line: #E4E8EF;
  --tq-text: #12283A;
  --tq-text2: #5A7086;
  --tq-text3: #8DA0B3;
  --tq-navBar: #132549;
  --tq-navInkOn: #FFFFFF;
  --tq-navInkOff: rgba(255, 255, 255, 0.561);

  /* --- الباستيل الستّ: كل تعبئة مقترنة بحبرها، ولا تُفصل --- */
  --tq-mint-fill: #E3F2EF;
  --tq-mint-ink: #0C786C;
  --tq-sky-fill: #E7EAF6;
  --tq-sky-ink: #1E3A63;
  --tq-peach-fill: #FDF0DD;
  --tq-peach-ink: #C97A16;
  --tq-lilac-fill: #ECE7F6;
  --tq-lilac-ink: #6B5BA8;
  --tq-rose-fill: #FBE9EC;
  --tq-rose-ink: #C2556A;
  --tq-sand-fill: #F2EFE4;
  --tq-sand-ink: #8A7A45;

  /* --- مشتقّات موثَّقة: لا مقابل لها في الشيفرة، تُستعمل للزرّ الشبحي وحلقة التركيز --- */
  --tq-navyWash: rgba(19, 37, 73, 0.08);
  --tq-navyWashStrong: rgba(19, 37, 73, 0.14);
  --tq-focusRing: rgba(19, 37, 73, 0.28);

  /* --- المسافات --- */
  --tq-space-xs: 4px;
  --tq-space-s: 8px;
  --tq-space-m: 12px;
  --tq-space-l: 16px;
  --tq-space-xl: 20px;
  --tq-space-xxl: 24px;
  --tq-space-h1: 32px;
  --tq-space-h2: 40px;
  --tq-space-h3: 56px;
  --tq-space-screenPad: 20px;

  /* --- أنصاف الأقطار: أنعم من المعتاد عمدًا؛ تقليلها يغيّر نبرة المنتج --- */
  --tq-radius-soft: 32px;
  --tq-radius-card: 28px;
  --tq-radius-medium: 20px;
  --tq-radius-small: 14px;
  --tq-radius-pill: 999px;

  /* --- الظلال: صبغتها كحلية لا رمادية ولا سوداء --- */
  --tq-shadow-card: 0px 12px 28px -12px rgba(19, 37, 73, 0.18);
  --tq-shadow-soft: 0px 10px 24px -14px rgba(19, 37, 73, 0.078);
  --tq-shadow-raised: 0px 6px 16px -8px rgba(19, 37, 73, 0.141);

  /* --- الحركة --- */
  --tq-motion-route: 220ms;
  --tq-motion-elementEntry: 320ms;
  --tq-motion-stagger: 60ms;
  --tq-motion-ringFill: 900ms;
  --tq-motion-reduced: 120ms;
  --tq-motion-hover: 150ms;
  --tq-ease-enter: cubic-bezier(0.215, 0.61, 0.355, 1);
  --tq-ease-exit: cubic-bezier(0.55, 0.055, 0.675, 0.19);

  /* --- الخطوط --- */
  --tq-font-title: 'Tajawal', system-ui, sans-serif;
  --tq-font-body: 'Cairo', system-ui, sans-serif;
  --tq-font-num: 'SpaceGrotesk', 'Cairo', system-ui, sans-serif;
  --tq-type-hero: 800 38px/1.22 var(--tq-font-title);
  --tq-type-eyebrow: 700 12.5px/1.40 var(--tq-font-body);
  --tq-type-display: 800 32px/1.35 var(--tq-font-title);
  --tq-type-h1: 700 24px/1.40 var(--tq-font-title);
  --tq-type-h2: 700 19px/1.45 var(--tq-font-title);
  --tq-type-body: 400 15px/1.70 var(--tq-font-body);
  --tq-type-bodyStrong: 600 15px/1.70 var(--tq-font-body);
  --tq-type-caption: 500 13px/1.60 var(--tq-font-body);
  --tq-type-micro: 600 11.5px/1.40 var(--tq-font-body);
  --tq-type-numeralXl: 700 34px/1.10 var(--tq-font-num);
  --tq-type-numeralMd: 700 18px/1.20 var(--tq-font-num);
  --tq-type-numeralSm: 600 13px/1.20 var(--tq-font-num);

  /* --- الهيكل --- */
  --tq-container-max: 1440px;
  --tq-rail-open: 240px;
  --tq-rail-collapsed: 72px;
  --tq-nav-item-h: 44px;
  --tq-touch-min: 44px;
  --tq-progress-h: 7px;
  --tq-field-border: 1.5px;
  --tq-focus-ring-w: 3px;
}

/* الوضع الداكن ليس عكس الفاتح: الأرضية كحلي مطفأ لا أسود، والتركوازي
   والبرتقالي يُرفعان، والحبر على السطح المشبَع ثابت لا يتبع الوجه. */
[data-theme="dark"] {
  --tq-navy: #9FB4D8;
  --tq-navyDeep: #0A1220;
  --tq-navySoft: #8098C4;
  --tq-teal: #3FBFAA;
  --tq-tealSoft: #14322F;
  --tq-tealLift: #56D6C0;
  --tq-amber: #F9B45C;
  --tq-amberSoft: #3A2C16;
  --tq-danger: #F07070;
  --tq-dangerSoft: #3A1E1E;
  --tq-ground: #0C1420;
  --tq-surface: #16202F;
  --tq-line: #263346;
  --tq-text: #E9EFF7;
  --tq-text2: #A3B3C7;
  --tq-text3: #71829A;
  --tq-navBar: #1B2637;
  --tq-navInkOn: #FFFFFF;
  --tq-navInkOff: rgba(255, 255, 255, 0.6);
  --tq-mint-fill: #10302C;
  --tq-mint-ink: #4ECFB8;
  --tq-sky-fill: #19243C;
  --tq-sky-ink: #8FAEE4;
  --tq-peach-fill: #33261A;
  --tq-peach-ink: #F3B45E;
  --tq-lilac-fill: #221E33;
  --tq-lilac-ink: #A898E4;
  --tq-rose-fill: #32202A;
  --tq-rose-ink: #E98CA0;
  --tq-sand-fill: #2A2718;
  --tq-sand-ink: #CBBB7A;
  --tq-navyWash: rgba(159, 180, 216, 0.10);
  --tq-navyWashStrong: rgba(159, 180, 216, 0.18);
  --tq-focusRing: rgba(159, 180, 216, 0.45);
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --tq-navy: #9FB4D8;
    --tq-navyDeep: #0A1220;
    --tq-navySoft: #8098C4;
    --tq-teal: #3FBFAA;
    --tq-tealSoft: #14322F;
    --tq-tealLift: #56D6C0;
    --tq-amber: #F9B45C;
    --tq-amberSoft: #3A2C16;
    --tq-danger: #F07070;
    --tq-dangerSoft: #3A1E1E;
    --tq-ground: #0C1420;
    --tq-surface: #16202F;
    --tq-line: #263346;
    --tq-text: #E9EFF7;
    --tq-text2: #A3B3C7;
    --tq-text3: #71829A;
    --tq-navBar: #1B2637;
    --tq-navInkOn: #FFFFFF;
    --tq-navInkOff: rgba(255, 255, 255, 0.6);
    --tq-mint-fill: #10302C;
    --tq-mint-ink: #4ECFB8;
    --tq-sky-fill: #19243C;
    --tq-sky-ink: #8FAEE4;
    --tq-peach-fill: #33261A;
    --tq-peach-ink: #F3B45E;
    --tq-lilac-fill: #221E33;
    --tq-lilac-ink: #A898E4;
    --tq-rose-fill: #32202A;
    --tq-rose-ink: #E98CA0;
    --tq-sand-fill: #2A2718;
    --tq-sand-ink: #CBBB7A;
    --tq-navyWash: rgba(159, 180, 216, 0.10);
    --tq-navyWashStrong: rgba(159, 180, 216, 0.18);
    --tq-focusRing: rgba(159, 180, 216, 0.45);
  }
}