/**
 * Design Tokens - Dark Theme Baseline
 * Palette: Slate / Deep Teal
 * System Font Stack (Zero-Network Overhead, Offline-First)
 */

:root {
  /* ألوان الخلفيات والأسطح */
  --bg-app: #0f172a;
  --bg-surface: #1e293b;
  --bg-surface-elevated: #334155;
  
  /* ألوان النصوص والتباين */
  --text-primary: #f8fafc;
  --text-muted: #94a3b8;
  --text-on-accent: #0f172a;

  /* اللون التفاعلي الرئيسي (التركواز المتزن) */
  --accent: #14b8a6;
  --accent-hover: #0d9488;
  --accent-subtle: rgba(20, 184, 166, 0.12);
  --accent-border: rgba(20, 184, 166, 0.35);

  /* الحدود والفواصل */
  --border-dim: #334155;
  --border-focus: #14b8a6;

  /* دلالات الحالة (Functional Status) */
  --status-danger: #f87171;
  --status-warning: #fbbf24;
  --status-success: #34d399;

  /* منظومة الخطوط والطباعة القياسية المعتمدة للأداء الفوري دون أي طلبات شبكية */
  --font-sans: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Noto Sans', sans-serif;
  --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;

  /* أحجام نصوص مرنة (Fluid Typography) */
  --text-xs: clamp(0.75rem, 0.7rem + 0.25vw, 0.8125rem);
  --text-sm: clamp(0.875rem, 0.825rem + 0.25vw, 0.9375rem);
  --text-base: clamp(1rem, 0.95rem + 0.25vw, 1.0625rem);
  --text-lg: clamp(1.125rem, 1.05rem + 0.375vw, 1.25rem);
  --text-xl: clamp(1.375rem, 1.25rem + 0.625vw, 1.625rem);

  /* المسافات المنطقية (Spacings) */
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-6: 1.5rem;
  --space-8: 2rem;

  /* انحناءات الحواف (Border Radii) */
  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 16px;
  --radius-full: 9999px;

  /* زمن التحولات (Transitions) */
  --transition-fast: 150ms cubic-bezier(0.4, 0, 0.2, 1);
  --transition-base: 250ms cubic-bezier(0.4, 0, 0.2, 1);
}