/*
 * SAS AI — Design Tokens (المواصفات 24.3، 24.4؛ D-14).
 * الألوان مأخوذة من هوية ساس الرقمية (DIGITALSAS) بقرار المالك؛ الشعار نفسه لا يُستخدم.
 * التباين مقيس على WCAG 2.2: الأساسي #132FFB على الأبيض 7.8:1. السماوي والنعناعي للزخرفة والمؤشرات فقط، لا لنص على أبيض.
 * الخط: Cairo (D-14، قرار المالك) — مستضاف على المنصة نفسها (SIL Open Font License، انظر fonts/OFL-Cairo.txt).
 */
@font-face {
  font-family: "Cairo";
  src: url("/brand/fonts/Cairo-Variable.woff2") format("woff2");
  font-weight: 200 1000;
  font-style: normal;
  font-display: swap;
}

:root {
  --brand-primary: #132FFB;
  --brand-primary-hover: #0B1FD0;
  --brand-secondary: #4B8DFF;
  --brand-accent: #A6FCFD;
  --brand-mint: #4CD9B7;
  --brand-gradient: linear-gradient(135deg, #132FFB 0%, #4B8DFF 55%, #A6FCFD 100%);

  --surface: #FFFFFF;
  --surface-muted: #F5F7FF;
  --text: #0B1020;
  --text-muted: #4B5468;
  --border: #DDE3F5;
  --focus: #132FFB;

  --success: #0E8A6A;   /* نص على أبيض ≥ 4.5:1؛ النعناعي للخلفيات */
  --warning: #9A6200;
  --error: #C62828;

  --on-primary: #FFFFFF;
  --radius: 12px;
  --space: 8px;
  --font: "Cairo", system-ui, -apple-system, "Segoe UI", Tahoma, Arial, sans-serif;
}

@media (prefers-color-scheme: dark) {
  :root {
    /* الأزرق الملكي على الخلفية الداكنة تباينه 2.4 فقط؛ الأساسي في الداكن هو الأزرق الفاتح (5.6:1). */
    --brand-primary: #4B8DFF;
    --brand-primary-hover: #7AAAFF;
    --surface: #0B1020;
    --surface-muted: #131A33;
    --text: #EEF2FF;
    --text-muted: #A9B3CF;
    --border: #26304F;
    --focus: #A6FCFD;
    --success: #4CD9B7;
    --warning: #F5B94A;
    --error: #FF7A7A;
    --on-primary: #0B1020;
  }
}