:root {
  /* brand — raw, do not use in components */
  --brand-ink:#0E3B43; --brand-cyan:#0086B8; --brand-green:#00803F;
  --brand-mint:#CBFFD6; --brand-cream:#FFF4F0; --brand-abyss:#071618;

  /* light semantic */
  --bg:#FFF4F0; --bg-2:#F7FAF9; --surface:#FFFFFF; --surface-raised:#FFFFFF;
  --border:#E2ECE7; --border-strong:#CBDAD4;
  --text-1:#0E3B43; --text-2:#5C6F69; --text-3:#8A9C97;
  --primary:#0086B8; --primary-ink:#00729B; --primary-soft:#E3F1F8;
  --accent:#00803F; --accent-soft:#E9F9EE; --accent-ink:#FFFFFF;
  --success:#00803F; --warning:#B45309; --danger:#C2334D;
  --info:#00729B;   --neutral:#5C6F69;
  --focus:#0086B8;
  --shadow-1:0 1px 2px rgba(14,59,67,.06);
  --shadow-2:0 4px 12px rgba(14,59,67,.08);
  --shadow-3:0 10px 30px rgba(14,59,67,.10);
  --shadow-4:0 24px 60px rgba(14,59,67,.16);

  /* type */
  --font-ar:'Tajawal', system-ui, sans-serif;
  --font-en:'Plus Jakarta Sans', system-ui, sans-serif;
  --font-mono:'IBM Plex Mono', ui-monospace, monospace;

  /* radius */
  --r-xs:6px; --r-sm:8px; --r-md:12px; --r-lg:16px; --r-xl:24px; --r-pill:999px;

  /* motion */
  --ease:cubic-bezier(.4,0,.2,1);
  --ease-out:cubic-bezier(0,0,.2,1);
  --t-fast:120ms; --t-base:200ms; --t-slow:320ms;

  /* layout */
  --sidebar-w:264px; --sidebar-w-collapsed:72px;
  --topbar-h:64px; --content-max:1440px;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --bg:#071618; --bg-2:#0A2429; --surface:#0E3B43; --surface-raised:#12474F;
    --border:rgba(203,255,214,.10); --border-strong:rgba(203,255,214,.22);
    --text-1:#FFF4F0; --text-2:#8CC592; --text-3:#86A79D;
    --primary:#1EA3D4; --primary-ink:#4CBCE4; --primary-soft:rgba(0,134,184,.18);
    --accent:#CBFFD6; --accent-soft:rgba(203,255,214,.12); --accent-ink:#071618;
    --success:#5FD98C; --warning:#E8B04B; --danger:#FF8FA3;
    --info:#6FC7E8;   --neutral:#86A79D;
    --focus:#CBFFD6;
    --shadow-1:none; --shadow-2:none;
    --shadow-3:0 0 48px rgba(203,255,214,.06);
    --shadow-4:0 0 60px rgba(203,255,214,.12);
  }
}

:root[data-theme="dark"] {
    --bg:#071618; --bg-2:#0A2429; --surface:#0E3B43; --surface-raised:#12474F;
    --border:rgba(203,255,214,.10); --border-strong:rgba(203,255,214,.22);
    --text-1:#FFF4F0; --text-2:#8CC592; --text-3:#86A79D;
    --primary:#1EA3D4; --primary-ink:#4CBCE4; --primary-soft:rgba(0,134,184,.18);
    --accent:#CBFFD6; --accent-soft:rgba(203,255,214,.12); --accent-ink:#071618;
    --success:#5FD98C; --warning:#E8B04B; --danger:#FF8FA3;
    --info:#6FC7E8;   --neutral:#86A79D;
    --focus:#CBFFD6;
    --shadow-1:none; --shadow-2:none;
    --shadow-3:0 0 48px rgba(203,255,214,.06);
    --shadow-4:0 0 60px rgba(203,255,214,.12);
}

html { background: var(--bg); color-scheme: light dark; }
body { background:var(--bg); color:var(--text-1); font-family:var(--font-ar); }
html[lang="en"] body { font-family: var(--font-en); }
[hidden] { display: none !important; }   /* required: `hidden` has no effect on inline SVG */
:root{--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--space-8:64px;--space-9:96px;--type-body:14.5px;--type-caption:12px;--type-body-sm:13px;--type-h1:30px;--type-h2:24px;--type-h3:20px;--type-kpi:32px}
:focus-visible{outline:2px solid var(--focus);outline-offset:3px;border-radius:var(--r-xs)}
.ltr-run{unicode-bidi:isolate;direction:ltr}.tabular{font-variant-numeric:tabular-nums lining-nums}
html[lang=ar] .eyebrow,html[lang=ar] .admin-dashboard-eyebrow,html[lang=ar] .roaa-workspace-label{letter-spacing:0!important}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}

:focus-visible{outline:2px solid var(--focus)!important;outline-offset:3px}