/* GENERATED FILE — DO NOT EDIT.
   Source: platform/packages/design-system/src/tokens.css
   Run: node tools/brand/sync-assets.mjs */
:root,
[data-almutairi-theme='light'] {
  color-scheme: light;

  /* ALMUTAIRI LEGAL — دليل الهوية 2026 (D-021). BRAND_APPROVAL_PENDING.
     الهيكسات الخمسة المعتمدة تُنقل حرفيًا في أدوارها البصرية. التوكينات
     الموسومة «مشتق» مقيسة ببوابة tools/brand/verify-contrast.mjs ولا تُغيّر
     العلامة — تفتح فقط استخدامًا نصيًّا يسقط فيه اللون المعتمد. */
  --brand-canvas: #f6f4ee;
  --brand-surface: #fffdf7;
  --brand-surface-muted: #ede9de;
  --brand-ink: #081e16;
  --brand-ink-muted: #54615b;
  --brand-primary: #0e3225;
  --brand-primary-hover: #08231a;
  --brand-primary-soft: #dde7e1;
  --brand-on-primary: #f6f4ee;

  /* الذهبي الملكي #C5A059 = 2.23:1 على العاجي، والذهبي المشرق #EAD28B = 1.36:1.
     كلاهما زخرفي على الفاتح: حدود وأيقونات وعناوين كبيرة فقط، لا نص عادي. */
  --brand-gold: #c5a059;
  --brand-gold-bright: #ead28b;
  --brand-gold-text: #7e6639; /* مشتق: نفس درجة #C5A059 عند 64% — 4.96:1 على العاجي */

  --brand-border: #dcd4c4;
  --brand-control-border: #6e736c;
  --brand-focus: #7e6639;

  --status-success: #236a4b;
  --status-success-soft: #e4f1ea;
  --status-warning: #8a5a14;
  --status-warning-soft: #f5ebd8;
  --status-danger: #9c3d3a;
  --status-danger-soft: #f8e6e4;
  --status-info: #315d6e;
  --status-info-soft: #e3edf0;

  --font-arabic: 'Tajawal', 'Noto Sans Arabic', Tahoma, 'Noto Sans SC', sans-serif;
  --font-latin: 'Plus Jakarta Sans', system-ui, 'Noto Sans SC', sans-serif;
  --font-display: 'Tajawal', 'Noto Sans Arabic', Tahoma, 'Noto Sans SC', sans-serif;
  --font-body: 'Tajawal', 'Noto Sans Arabic', Tahoma, 'Noto Sans SC', sans-serif;
  --font-mono: ui-monospace, 'SFMono-Regular', Consolas, monospace;

  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-6: 24px;
  --space-8: 32px;
  --space-10: 40px;
  --space-12: 48px;
  --space-16: 64px;
  --space-24: 96px;

  --radius-stamp: 2px;
  --radius-control: 6px;
  --radius-card: 10px;
  --radius-panel: 10px;
  --radius-dialog: 14px;
  --radius-pill: 999px;

  --shadow-1: 0 1px 2px rgba(8, 30, 22, 0.05);
  --shadow-2: 0 12px 32px rgba(8, 30, 22, 0.08);

  --target-min: 24px;
  --target-primary: 44px;
  --header-block-size: 64px;
  --sidebar-inline-size: 264px;
  --content-max-inline-size: 1440px;
  --marketing-max-inline-size: 1240px;

  /* قواعد الاستخدام — دليل الهوية 2026 §5. */
  --logo-min-inline-size: 120px;
  --logo-clear-space: 1em;

  --z-banner: 30;
  --z-navigation: 40;
  --z-dialog: 100;

  /* Semantic contract consumed by M1 and Portal. */
  --color-canvas: var(--brand-canvas);
  --color-canvas-deep: var(--brand-surface-muted);
  --color-surface: var(--brand-surface);
  --color-surface-subtle: var(--brand-surface-muted);
  --color-surface-raised: var(--brand-surface);
  --color-text: var(--brand-ink);
  --color-text-muted: var(--brand-ink-muted);
  --color-text-subtle: var(--brand-ink-muted);
  --color-text-disabled: color-mix(in srgb, var(--brand-ink-muted) 68%, transparent);
  --color-link: var(--brand-primary);
  --color-action: var(--brand-primary);
  --color-action-hover: var(--brand-primary-hover);
  --color-action-emphasis: var(--brand-gold-text);
  --color-on-action: var(--brand-on-primary);
  --color-success: var(--status-success);
  --color-warning: var(--status-warning);
  --color-danger: var(--status-danger);
  --color-info: var(--status-info);
  --color-focus: var(--brand-focus);
  --color-overlay: rgba(8, 30, 22, 0.64);
  --border-subtle: var(--brand-border);
  --border-brand: var(--brand-border);
  --border-brand-strong: var(--brand-control-border);
  --border-control: var(--brand-control-border);
  --border-focus: var(--brand-focus);

  /* أصول الشعار — القفل الكامل والرمز يقرآن هذين المتغيرين. */
  --logo-emerald: var(--brand-primary);
  --logo-gold: var(--brand-gold);

  /* Compatibility aliases: the retired identifiers were renamed by D-023.
     مفردات «bronze» السابقة تبقى مرادفًا لمفردات «gold» المعتمدة (D-021). */
  --brand-bronze: var(--brand-gold);
  --brand-bronze-text: var(--brand-gold-text);
  --almutairi-ink: var(--brand-canvas);
  --almutairi-ink-deep: var(--brand-surface-muted);
  --almutairi-panel: var(--brand-surface);
  --almutairi-panel-2: var(--brand-surface-muted);
  --almutairi-panel-3: var(--brand-surface);
  --almutairi-panel-4: var(--brand-canvas);
  --almutairi-surface-raised: var(--brand-surface);
  --almutairi-ivory: var(--brand-ink);
  --almutairi-fg-75: var(--brand-ink-muted);
  --almutairi-fg-68: var(--brand-ink-muted);
  --almutairi-fg-60: var(--brand-ink-muted);
  --almutairi-fg-45: color-mix(in srgb, var(--brand-ink-muted) 68%, transparent);
  --almutairi-hair: var(--brand-border);
  --almutairi-gold-hi: var(--brand-gold);
  --almutairi-gold: var(--brand-gold);
  --almutairi-gold-mid: var(--brand-gold-text);
  --almutairi-gold-dim: var(--brand-gold-text);
  --almutairi-gold-deep: var(--brand-primary);
  --almutairi-gold-line: var(--brand-gold);
  --almutairi-gold-border: var(--brand-border);
  --almutairi-gold-border-strong: var(--brand-control-border);
  --almutairi-emerald: var(--status-success);
  --almutairi-gradient-gold: var(--brand-primary);
  --almutairi-gradient-hero: var(--brand-primary);
  --shadow-gold: var(--shadow-1);
  --shadow-action: var(--shadow-1);
  --shadow-dialog: var(--shadow-2);
}

:root[data-theme='dark'],
[data-almutairi-theme='dark'] {
  color-scheme: dark;

  /* على الزيتي الأسود المعتمد يصبح الذهبي مقروءًا (7.08:1) والمشرق أعلى (11.67:1)،
     فيُستخدم الذهبي المشرق نصًّا وتركيزًا بلا اشتقاق. */
  --brand-canvas: #081e16;
  --brand-surface: #0f2c21;
  --brand-surface-muted: #14362a;
  --brand-ink: #f6f4ee;
  --brand-ink-muted: #bfc7c2;
  --brand-primary: #8fc5ae;
  --brand-primary-hover: #a3d3be;
  --brand-primary-soft: #14362a;
  --brand-on-primary: #081e16;
  --brand-gold: #c5a059;
  --brand-gold-bright: #ead28b;
  --brand-gold-text: #ead28b;
  --brand-border: #2a4034;
  --brand-control-border: #7b9088;
  --brand-focus: #ead28b;

  /* ألوان الحالة كانت تُورَّث من الوضع الفاتح فتسقط بين 2.47:1 و3.01:1 على أي
     أرضية داكنة — عيب موروث كشفته بوابة verify-contrast. تُعرَّف هنا نسخ مقيسة
     تعبر 4.5:1 على canvas وsurface وsurface-muted معًا. */
  --status-success: #5fbe8c;
  --status-success-soft: #123024;
  --status-warning: #d9a648;
  --status-warning-soft: #2e2413;
  --status-danger: #e8837e;
  --status-danger-soft: #331b1a;
  --status-info: #79b4c8;
  --status-info-soft: #12262d;

  --shadow-1: 0 1px 2px rgba(3, 10, 7, 0.24);
  --shadow-2: 0 12px 32px rgba(3, 10, 7, 0.32);
  --logo-emerald: var(--brand-primary);
}

@media (forced-colors: active) {
  :root {
    --brand-focus: Highlight;
    --brand-border: CanvasText;
    --brand-control-border: CanvasText;
  }
}

/* مكدّس الخطّ يتبع لغة المستند (ADR-0007).
   بدون هذا كانت الصفحة الإنجليزية تُصيَّر بـTajawal — أول العائلات في `--font-body` —
   بينما المُقدَّم لها هو Plus Jakarta، فيصل الخطّ العربي متأخّرًا ويُعيد التدفّق:
   CLS **0.143** على `/en/services/ip.html` مقابل **0.000** على نظيرتيها العربية
   والصينية. أي أن العطل كان صحّةَ عرضٍ قبل أن يكون أداءً. */
html[lang='en'] {
  --font-body: var(--font-latin);
  --font-display: var(--font-latin);
}

html[lang='zh-Hans'] {
  --font-body: 'Noto Sans SC', var(--font-latin);
  --font-display: 'Noto Sans SC', var(--font-latin);
}