/* Theme of company profile "naseem" — generated from src/companies/naseem/theme.json. */
:root {
  --brand-primary: #24476F;
  --brand-primary-soft: #4F6C8F;
  --brand-primary-deep: #14304F;
  --brand-accent: #3A9AD9;
  --brand-accent-bright: #5DB0E6;
  --brand-accent-deep: #1F6FA8;
  --brand-on-accent: #FFFFFF;
  --brand-surface: #EAF2FA;
  --brand-paper: #FBFDFF;
  --brand-bg: #F3F7FB;
  --brand-line: #D8E3EE;
  --brand-ink: #10243A;
  --brand-muted: #5A6B7E;
  --font-display: Sora;
  --font-body: Sora;
  --font-ar: Tajawal;
  --font-ar-display: Tajawal;
  --tint: #F2F7FC;
  --tint-hover: #F5F9FD;
  --tint-open: #F4F8FC;
  --tint-accent: #EAF4FC;
  --tint-info: #EEF4FA;
  --readonly: #F0F5FA;
  --line-soft: #E4ECF4;
  --line-input: #C8D6E4;
  --line-strong: #C8D6E4;
  --line-dashed: #C2D1E0;
  --track: #E2EAF2;
  --track-2: #D2DEEA;
  --switch-off: #C2CFDC;
  --toggle-bg: #E2EAF2;
  --on-dark-1: #DCE8F4;
  --on-dark-2: #C5D6E8;
  --on-dark-3: #9FB8D0;
  --print-line: #C8D6E4;
  --print-muted: #5A6B7E;
  --print-desk: #D3DEE9;
  --hl: #FDE6DF;
  --ar-on-dark: #C5D6E8;
}

/* theme-admin.css */
/* NASEEM AL JEBAL — extra rules appended to the generated theme.css (admin UI + Fast mode).
   Water look: navy sidebar with a soft sky glow and ring motif, rounded cards and pill buttons, coral highlights. */
.side { background-image: radial-gradient(420px 320px at 0% 100%, rgba(58,154,217,.22), transparent 70%), linear-gradient(180deg, #24476F, #14304F); }
.brand-t b, .ft-brand b, .topbar b { background: none; -webkit-background-clip: border-box; background-clip: border-box; color: #fff;
  font-family: var(--font-display), var(--font); font-weight: 700; letter-spacing: .02em; }
.brand-t b { font-size: 14.5px; white-space: nowrap; letter-spacing: .01em; }
.login-brand b { background: none; color: var(--charcoal); font-family: var(--font-display), var(--font); font-weight: 700; font-size: 24px; letter-spacing: .01em; }
.login-wrap { background-image: radial-gradient(700px 500px at 100% 0%, rgba(58,154,217,.14), transparent 65%), radial-gradient(600px 400px at 0% 100%, rgba(242,119,91,.08), transparent 60%); }
h1, .f-h1 { font-family: var(--font-display), var(--font); font-weight: 700; letter-spacing: -.01em; }
.kpi b, .fig b { font-family: var(--font-display), var(--font); font-weight: 700; }
:root { --radius: 14px; }
.card, .kpi { border-radius: 14px; }
.btn { border-radius: 999px; }
.btn.primary:hover { box-shadow: 0 6px 18px -8px rgba(31,111,168,.7); }
.kpi.accent { border-top-color: #F2775B; }
.chip.on { box-shadow: inset 0 -2px 0 #F2775B; }
[dir="rtl"] h1, [dir="rtl"] .f-h1, [dir="rtl"] .kpi b { font-family: var(--font-ar), var(--font); letter-spacing: 0; }