:root {
  
  --color-ink-strong:     rgba(44, 74, 110, 1.00);  
  --color-ink-base:       rgba(44, 74, 110, 0.80);  
  --color-ink-muted:      rgba(44, 74, 110, 0.50);  
  --color-ink-subtle:     rgba(44, 74, 110, 0.15);  

  --color-primary:        #89C4D4;                  
  --color-primary-soft:   rgba(137, 196, 212, 0.18);
  --color-primary-focus:  rgba(137, 196, 212, 0.40);

  --color-surface-page:   #F4F8FA;                  
  --color-surface-raised: #FFFFFF;                  
  --color-surface-sunken: #ECF3F7;                  

  
  --color-score-0: #6BBF8E;   
  --color-score-1: #F0C070;   
  --color-score-2: #E8956B;   
  --color-score-3: #D17575;   
  --color-score-4: #A84848;   

  
  --color-success: #6BBF8E;
  --color-warning: #F0C070;
  --color-error:   #D17575;
  --color-info:    #89C4D4;

  
  --font-family: "Inter", system-ui, -apple-system, sans-serif;
  --text-xs:   11px;
  --text-sm:   13px;
  --text-base: 15px;
  --text-md:   17px;
  --text-lg:   21px;
  --text-xl:   28px;
  --text-2xl:  36px;

  
  --space-1:   4px;
  --space-2:   8px;
  --space-3:  12px;
  --space-4:  16px;
  --space-5:  20px;
  --space-6:  24px;
  --space-8:  32px;
  --space-10: 40px;
  --space-12: 48px;
  --space-16: 64px;

  
  --radius-sm:   4px;
  --radius-md:   8px;
  --radius-lg:  12px;
  --radius-xl:  20px;
  --radius-full: 9999px;

  
  --shadow-sm:  0 1px  3px rgba(44, 74, 110, 0.10);
  --shadow-md:  0 4px 12px rgba(44, 74, 110, 0.12);
  --shadow-lg:  0 8px 24px rgba(44, 74, 110, 0.15);

  
  --ease-default:   cubic-bezier(0.4, 0, 0.2, 1);
  --duration-fast:  100ms;
  --duration-base:  200ms;
  --duration-slow:  300ms;

  
  --topbar-height-mobile:  48px;
  --topbar-height-desktop: 56px;
  --panel-width-tablet:   320px;
  --panel-width-desktop:  360px;
}


:root:lang(he) {
  --font-family: 'Assistant', system-ui, -apple-system, sans-serif;
}