/* هوية أكاديمية الفتى الذكي — رموز التصميم (مصدرها CleverWebApp/DESIGN.md) */
:root {
  --primary:        #12CFCB;
  --primary-strong: #00716A;
  --primary-subtle: #C9F5F5;
  --secondary:      #2E7FE8;
  --secondary-strong:#004696;
  --tertiary:       #F5D31F;
  --success:        #74D84C;
  --success-text:   #2F7D2A;
  --spotlight:      #F3A847;
  --spotlight-text: #8A5406;
  --error:          #E53935;
  --error-strong:   #94001B;

  --surface:        #FCF6EE;
  --neutral:        #ECF1F1;
  --on-surface:     #000000;
  --on-surface-soft:#4D4640;
  --border:         #D0DAD9;
  --border-strong:  #B4C3C2;

  --error-soft:     #FBE4E4;

  --font: 'Cairo', 'Segoe UI', Tahoma, sans-serif;
  --w-regular: 400; --w-medium: 500; --w-semibold: 600; --w-bold: 700; --w-extrabold: 800;

  --text-caption: 13px; --text-sm: 14px; --text-base: 16px; --text-lg: 19px;
  --text-headline-sm: 22px;

  --radius-sm: 6px; --radius-md: 14px; --radius-full: 9999px;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --primary:        #37BAB7; --primary-strong: #6FD8D5; --primary-subtle: #123230;
    --secondary:      #5B9BEE; --secondary-strong:#003479;
    --tertiary:       #E7D171; --success:        #77B95F; --success-text:   #8FD47A;
    --spotlight:      #D49649; --spotlight-text: #E3AE6B;
    --error:          #F27166; --error-strong:   #F5928A;
    --surface:        #0C1615; --neutral:        #162221;
    --on-surface:     #EAE7E4; --on-surface-soft:#AAA39D;
    --border:         #2B3535; --border-strong:  #3C4948;
    --error-soft:     #3A1A18;
  }
}
* { box-sizing: border-box; }
html, body { height: 100%; margin: 0; }
body {
  direction: rtl;
  background: var(--surface);
  color: var(--on-surface);
  font-family: var(--font);
  font-weight: var(--w-regular);
  letter-spacing: 0;
}