/* ===========================================
   FIRM DESIGN TOKENS — Moshe Atsits suite
   Ported from Annual Reports design-system.css (SSOT for visual tokens).
   @import this (or paste into styles.css) so this app inherits the identical
   look of דוחות שנתיים / משימית. Hebrew-first, RTL.
   =========================================== */
:root {
    /* Brand — Indigo (warm-shifted) */
    --brand-50:  #EEF2FF;
    --brand-100: #E0E7FF;
    --brand-200: #C7D2FE;
    --brand-400: #818CF8;
    --brand-500: #6366F1;
    --brand-600: #4F46E5;
    --brand-700: #4338CA;

    /* Neutral — Warm Gray (stone scale) */
    --gray-50:  #FAFAF9;
    --gray-100: #F5F5F4;
    --gray-200: #E7E5E4;
    --gray-300: #D6D3D1;
    --gray-400: #A8A29E;
    --gray-500: #6B6764;
    --gray-600: #57534E;
    --gray-700: #44403C;
    --gray-800: #292524;
    --gray-900: #1C1917;

    /* Semantic — Success */
    --success-50:  #F0FDF4;
    --success-100: #DCFCE7;
    --success-200: #BBF7D0;
    --success-500: #22C55E;
    --success-700: #15803D;

    /* Semantic — Warning */
    --warning-50:  #FFFBEB;
    --warning-100: #FEF3C7;
    --warning-500: #F59E0B;
    --warning-600: #b45309;
    --warning-700: #92400E;
    --warning-800: #78350f;

    /* Semantic — Danger */
    --danger-50:  #FEF2F2;
    --danger-100: #FEE2E2;
    --danger-300: #fca5a5;
    --danger-500: #EF4444;
    --danger-600: #DC2626;
    --danger-700: #B91C1C;

    /* Semantic — Info */
    --info-50:  #EFF6FF;
    --info-100: #DBEAFE;
    --info-500: #3B82F6;
    --info-700: #1D4ED8;

    /* Typography */
    --font-he: 'Heebo', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    --font-en: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    --text-xs:  0.75rem;   /* 12px */
    --text-sm:  0.875rem;  /* 14px */
    --text-base: 1rem;     /* 16px */
    --text-lg:  1.125rem;  /* 18px */
    --text-xl:  1.25rem;   /* 20px */
    --text-2xl: 1.5rem;    /* 24px */
    --text-3xl: 1.875rem;  /* 30px */
    --leading-he: 1.6;
    --leading-en: 1.5;

    /* Spacing (8px base grid) */
    --sp-1:  4px;
    --sp-2:  8px;
    --sp-3:  12px;
    --sp-4:  16px;
    --sp-5:  20px;
    --sp-6:  24px;
    --sp-8:  32px;
    --sp-10: 40px;
    --sp-12: 48px;
    --sp-16: 64px;

    /* Border Radius */
    --radius-sm:   6px;
    --radius-md:   8px;
    --radius-lg:   12px;
    --radius-xl:   16px;
    --radius-full: 9999px;

    /* Shadows */
    --shadow-xs: 0 1px 2px rgba(0,0,0,0.05);
    --shadow-sm: 0 1px 3px rgba(0,0,0,0.08), 0 1px 2px rgba(0,0,0,0.04);
    --shadow-md: 0 4px 6px rgba(0,0,0,0.07), 0 2px 4px rgba(0,0,0,0.04);
    --shadow-lg: 0 10px 15px rgba(0,0,0,0.08), 0 4px 6px rgba(0,0,0,0.04);

    /* Transitions */
    --transition-fast: 150ms ease;
    --transition-base: 200ms ease;
    --transition-slow: 300ms ease;
}