/**
 * Design Tokens — Octopus Digital Solution (KSA Branch)
 * Strictly adheres to the 5 core brand color tokens and computed contrast rules.
 */
:root {
  /* 5 Core Brand Tokens — Light Mode Identity */
  --deep: #FFFFFF;        /* خلفية بيضاء نقية */
  --ink: #0F172A;         /* كحلي رمادي داكن ناصع للنصوص */
  --paper: #F8FAFC;       /* سطح فاتح ناعم للأقسام المتبادلة */
  --accent: #FF5722;      /* برتقالي الشعار الأصلي */
  --accent-text: #EA580C; /* برتقالي تباين عالي للنصوص */
  --line: rgba(15, 23, 42, 0.08);

  /* Drawing / Accent only */
  --metal: #0284C7;       /* أزرق سماوي للتقنية */
  --gold: #F59E0B;        /* لمعة التوهج والتميز */

  /* Motion Timing & Easing */
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --duration-fast: 280ms;
  --duration-normal: 500ms;
  --duration-slow: 700ms;

  /* Typography Scales */
  --font-base: 'Cairo', -apple-system, BlinkMacSystemFont, 'Segoe UI', system-ui, sans-serif;
  --font-mono: 'IBM Plex Mono', ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
  --fs-hero: clamp(2.5rem, 1.2rem + 6vw, 6.5rem);
  --fs-h2: clamp(1.8rem, 1.2rem + 2.5vw, 3.2rem);
  --fs-h3: clamp(1.3rem, 1rem + 1.2vw, 2rem);
  --fs-body: clamp(0.95rem, 0.9rem + 0.25vw, 1.125rem);
  --fs-small: 0.875rem;
  --lh-body: 1.8;

  /* Spacing */
  --space-section: clamp(4.5rem, 10vw, 10rem);
  --space-gutter: clamp(1rem, 4vw, 3rem);
  --container-max: 1400px;
  --header-height: 80px;

  /* Radius */
  --radius-sm: 8px;
  --radius-md: 14px;
  --radius-lg: 24px;
  --radius-full: 9999px;
}

/* Light Mode Consistency Overrides */
.is-deep {
  --paper: #F8FAFC;
  --ink: #0F172A;
  --line: rgba(15, 23, 42, 0.08);
  --accent-text: #EA580C;
}

/* Reduced Motion Override */
@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}