/* ═══════════════════════════════════════════════════════════════
   حكيمو ماث — هوية رياضيات
   برتقالي · أبيض · شبكة إحداثيات · أشكال هندسية
   Eng.Ahmed Abd-Alhakim
   ═══════════════════════════════════════════════════════════════ */

:root {
  --orange-950: #3D1608;
  --orange-900: #7C2D12;
  --orange-800: #9A3412;
  --orange-700: #C2410C;
  --orange-600: #EA580C;
  --orange-500: #F15A24;
  --orange-400: #FB7C3C;
  --orange-300: #FDBA74;
  --orange-200: #FED7AA;
  --orange-100: #FFEDD5;
  --orange-50:  #FFF7ED;

  --brand-950: #3D1608;
  --brand-900: #7C2D12;
  --brand-800: #C2410C;
  --brand-700: #EA580C;
  --brand-600: #F15A24;
  --brand-500: #FB7C3C;
  --brand-400: #FDBA74;
  --brand-300: #FED7AA;
  --brand-100: rgba(241, 90, 36, 0.12);
  --brand-50:  rgba(241, 90, 36, 0.06);

  --gold-700: #C2410C;
  --gold-600: #EA580C;
  --gold-500: #F15A24;
  --gold-400: #FB7C3C;
  --gold-300: #FED7AA;
  --gold-soft: rgba(241, 90, 36, 0.14);

  --brand: #F15A24;
  --accent: #F15A24;
  --accent-soft: rgba(241, 90, 36, 0.12);
  --accent-violet: #C2410C;
  --accent-cyan: #EA580C;
  --accent-amber: #F15A24;
  --accent-green: #3F7A3A;
  --accent-gold: #F15A24;
  --insight: #EA580C;
  --insight-strong: #C2410C;
  --insight-soft: rgba(241, 90, 36, 0.12);

  --page-bg: #FFFBF7;
  --page-bg-alt: #FFF4EB;
  --card-bg: #FFFFFF;
  --card: #FFFFFF;
  --card-bg-strong: #FFFFFF;
  --card-soft: #FFF7ED;

  --surface-soft: rgba(241, 90, 36, 0.06);
  --surface-strong: rgba(241, 90, 36, 0.10);
  --surface-highlight: rgba(241, 90, 36, 0.14);
  --surface-highlight-strong: rgba(241, 90, 36, 0.22);

  --text: #3A261C;
  --text-strong: #1C120C;
  --muted: #8A6E5C;
  --muted-strong: #5C4336;

  --border: rgba(241, 90, 36, 0.16);
  --border-strong: rgba(241, 90, 36, 0.34);
  --brand-border: var(--border);
  --gold-border: rgba(241, 90, 36, 0.40);
  --shadow: 0 16px 40px rgba(194, 65, 12, 0.10);
  --shadow-soft: 0 6px 18px rgba(194, 65, 12, 0.07);
  --shadow-strong: 0 24px 56px rgba(194, 65, 12, 0.16);
  --shadow-gold: 0 10px 28px rgba(241, 90, 36, 0.22);

  --primary: #F15A24;
  --primary-strong: #C2410C;
  --primary-weak: rgba(241, 90, 36, 0.12);

  --field-bg: #FFFFFF;
  --field-text: var(--text);
  --field-border: rgba(194, 65, 12, 0.22);

  --btn-solid-bg: linear-gradient(135deg, #C2410C 0%, #EA580C 48%, #F15A24 100%);
  --btn-solid-text: #FFFFFF;
  --btn-gold-bg: linear-gradient(135deg, #C2410C 0%, #F15A24 100%);
  --btn-gold-text: #FFFFFF;

  --success: #3F7A3A;
  --danger: #B33A2B;
  --warning: #C2410C;
  --success-soft-bg: rgba(63, 122, 58, 0.12);
  --success-soft-border: rgba(63, 122, 58, 0.38);
  --danger-soft-bg: rgba(179, 58, 43, 0.12);
  --danger-soft-border: rgba(179, 58, 43, 0.38);
  --warning-soft-bg: rgba(194, 65, 12, 0.12);
  --warning-soft-border: rgba(194, 65, 12, 0.38);

  --radius: 10px;
  --radius-lg: 16px;
  --radius-xl: 22px;

  --sw-bg: #F15A24;
  --sw-knob: #FFFFFF;

  --hdr-bg: #FFFFFF;
  --hdr-text: #1C120C;
  --hdr-border: rgba(241, 90, 36, 0.16);
  --hdr-fade: transparent;

  --grid-line: rgba(241, 90, 36, 0.08);
  --page-glow-1: rgba(241, 90, 36, 0.10);
  --page-glow-2: rgba(251, 124, 60, 0.10);

  --grad-brand: linear-gradient(135deg, #C2410C, #F15A24);
  --grad-gold: linear-gradient(135deg, #EA580C, #FB7C3C);
  --grad-hero: linear-gradient(160deg, #FFFFFF 0%, #FFF7ED 100%);

  --font-display: 'Outfit', 'Cairo', system-ui, sans-serif;
  --font-body: 'Cairo', 'IBM Plex Sans Arabic', system-ui, sans-serif;
  --font-calli: 'Outfit', 'Cairo', system-ui, sans-serif;
  --font-mono: 'JetBrains Mono', ui-monospace, monospace;

  --ease: cubic-bezier(0.4, 0, 0.2, 1);
  --ease-bounce: cubic-bezier(0.34, 1.56, 0.64, 1);

  --greek-key: none;
  --greek-key-dark: none;

  color-scheme: light;
}

html[data-theme="dark"] {
  --orange-950: #0B0D12;
  --orange-900: #141821;
  --brand-950: #0B0D12;
  --brand-900: #141821;
  --brand-800: #FF8A4C;
  --brand-700: #FF9A62;
  --brand-600: #FF7A3C;
  --brand-500: #FF8A4C;
  --brand-400: #FFB086;
  --brand-300: #FFD2B8;
  --brand-100: rgba(255, 122, 60, 0.18);
  --brand-50:  rgba(255, 122, 60, 0.10);

  --gold-700: #FFD2B8;
  --gold-600: #FFB086;
  --gold-500: #FF8A4C;
  --gold-400: #FF7A3C;
  --gold-300: #FFE4D2;
  --gold-soft: rgba(255, 122, 60, 0.18);

  --brand: #FF8A4C;
  --accent: #FF7A3C;
  --accent-soft: rgba(255, 122, 60, 0.16);
  --accent-amber: #FFB086;
  --accent-gold: #FF8A4C;
  --insight: #FF8A4C;
  --insight-strong: #FFB086;
  --insight-soft: rgba(255, 122, 60, 0.16);

  --page-bg: #0B0D12;
  --page-bg-alt: #12151C;
  --card-bg: #171B24;
  --card: #171B24;
  --card-bg-strong: #1E2430;
  --card-soft: #141821;

  --surface-soft: rgba(255, 255, 255, 0.05);
  --surface-strong: rgba(255, 255, 255, 0.08);
  --surface-highlight: rgba(255, 122, 60, 0.16);
  --surface-highlight-strong: rgba(255, 122, 60, 0.24);

  --text: #E8EBF1;
  --text-strong: #FFFFFF;
  --muted: #9AA3B2;
  --muted-strong: #C5CBD4;

  --border: rgba(255, 255, 255, 0.10);
  --border-strong: rgba(255, 138, 76, 0.38);
  --brand-border: var(--border);
  --gold-border: rgba(255, 138, 76, 0.40);
  --shadow: 0 16px 40px rgba(0, 0, 0, 0.45);
  --shadow-soft: 0 6px 18px rgba(0, 0, 0, 0.30);
  --shadow-strong: 0 24px 56px rgba(0, 0, 0, 0.55);
  --shadow-gold: 0 10px 28px rgba(255, 122, 60, 0.18);

  --primary: #FF8A4C;
  --primary-strong: #FFB086;
  --primary-weak: rgba(255, 122, 60, 0.16);

  --field-bg: #12151C;
  --field-text: #FFFFFF;
  --field-border: rgba(255, 255, 255, 0.16);

  --btn-solid-bg: linear-gradient(135deg, #E04E1A 0%, #FF7A3C 100%);
  --btn-solid-text: #FFFFFF;
  --btn-gold-bg: linear-gradient(135deg, #E04E1A 0%, #FF8A4C 100%);
  --btn-gold-text: #FFFFFF;

  --hdr-bg: #12151C;
  --hdr-text: #FFFFFF;
  --hdr-border: rgba(255, 255, 255, 0.10);

  --grid-line: rgba(255, 255, 255, 0.06);
  --page-glow-1: rgba(255, 122, 60, 0.14);
  --page-glow-2: rgba(255, 122, 60, 0.08);
  --grad-brand: linear-gradient(135deg, #E04E1A, #FF7A3C);
  --grad-gold: linear-gradient(135deg, #FF7A3C, #FFB086);
  --grad-hero: linear-gradient(160deg, #0B0D12 0%, #171B24 100%);

  --sw-bg: #1E2430;
  --sw-knob: #FF7A3C;

  color-scheme: dark;
}

*, *::before, *::after { box-sizing: border-box; }

html {
  scroll-behavior: smooth;
  -webkit-font-smoothing: antialiased;
  overflow-x: hidden;
}

body {
  font-family: var(--font-body);
  color: var(--text);
  background: var(--page-bg);
  overflow-x: hidden;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.7;
}

body.legend-platform,
body.arabic-platform {
  background:
    radial-gradient(ellipse 50% 36% at 100% 0%, var(--page-glow-1), transparent 58%),
    radial-gradient(ellipse 40% 30% at 0% 12%, var(--page-glow-2), transparent 52%),
    var(--page-bg);
}

body.legend-platform::before,
body.legend-platform::after,
body.arabic-platform::before,
body.arabic-platform::after {
  content: none !important;
  display: none !important;
}

.container {
  max-width: 1180px;
  margin: 0 auto;
  padding: 0 20px;
  position: relative;
  z-index: 1;
}

h1, h2, h3, h4, h5, h6 {
  font-family: var(--font-display);
  letter-spacing: -0.02em;
  line-height: 1.2;
  margin: 0;
  color: var(--text-strong);
  font-weight: 700;
}

a { color: var(--orange-700); text-decoration: none; }
html[data-theme="dark"] a { color: var(--orange-400); }
::selection { background: var(--orange-500); color: #fff; }

.platform-logo__img--light { display: block; }
.platform-logo__img--dark { display: none; }
html[data-theme="dark"] .platform-logo__img--light { display: none; }
html[data-theme="dark"] .platform-logo__img--dark { display: block; }

.lg-meander,
.lg-section__rule { display: none; }

@media (prefers-reduced-motion: reduce) {
  * { animation-duration: 0.001ms !important; animation-iteration-count: 1 !important; transition-duration: 0.001ms !important; }
}