/* ============================================================================
   QUATRON BRAND TOKENS — V1.0 (CERTIFIED)
   Single visual source of truth. Mirrors the certified Brand System package
   27-brand-tokens/quatron-brand-tokens.css. Do NOT hardcode brand values
   elsewhere — consume these variables. The Theme Engine and Design System
   read from this layer; components live in the Design System.
   Ref: QUATRON Brand Identity System / final-delivery / 27-brand-tokens
============================================================================ */
:root{
  --qt-ink:#0D1420;--qt-blue:#2E5FE8;--qt-halo:#A8C2F5;
  --qt-neutral-50:#FBFCFE;
  --qt-neutral-100:#F3F5F9;
  --qt-neutral-200:#E5E9F0;
  --qt-neutral-300:#C9D0DC;
  --qt-neutral-400:#9AA4B5;
  --qt-neutral-500:#6B7689;
  --qt-neutral-600:#444E60;
  --qt-neutral-700:#2A3344;
  --qt-neutral-800:#171E2C;
  --qt-neutral-900:#0D1420;
  --qt-status-verified:#1E9E77;
  --qt-status-info:#2E5FE8;
  --qt-status-warning:#B9821D;
  --qt-status-destructive:#C63F3F;
  --qt-product-platform:#2E5FE8;
  --qt-product-identity:#1E9E77;
  --qt-product-hcm:#C25573;
  --qt-product-finance:#3B6FE0;
  --qt-product-gold:#C2812A;
  --qt-product-crm:#8A63D2;
  --qt-product-manufacturing:#5B8DB8;
  --qt-product-pos:#23A08A;
  --qt-product-bi:#3FA5C4;
  --qt-product-ai:#96A83B;
  --qt-product-developer:#6B7689;
  --qt-dataviz-1:#3B6FE0;
  --qt-dataviz-2:#23A08A;
  --qt-dataviz-3:#C2812A;
  --qt-dataviz-4:#8A63D2;
  --qt-dataviz-5:#C25573;
  --qt-dataviz-6:#5B8DB8;
  --qt-dataviz-7:#3FA5C4;
  --qt-dataviz-8:#96A83B;
  --qt-font-latin:'IBM Plex Sans',system-ui,sans-serif;
  --qt-font-arabic:'Tajawal',sans-serif;
  --qt-font-mono:'IBM Plex Mono',monospace;
  /* Brand UI font stack (bilingual): Arabic-first, Latin fallback per brand book */
  --qt-font-ui:'Tajawal','IBM Plex Sans',system-ui,'Segoe UI',Tahoma,sans-serif;
  --qt-radius-control:6px;--qt-radius-card:10px;
  --qt-shadow-ambient:0 1px 2px rgba(13,20,32,.06), 0 8px 24px rgba(13,20,32,.08);
  --qt-motion-curve:cubic-bezier(.2,.8,.2,1);
  --qt-motion-fast:150ms;--qt-motion-base:300ms;--qt-motion-reveal:600ms;
}
/* Brand mode surfaces — bound to both [data-theme] (explicit) and
   [data-appearance] (the Theme Engine's resolved light/dark, incl. auto mode). */
[data-theme="light"],[data-appearance="light"]{
  --qt-bg:#FBFCFE;--qt-surface:#FFFFFF;--qt-text:#171E2C;--qt-text-secondary:#444E60;--qt-border:#E5E9F0;
}
[data-theme="dark"],[data-appearance="dark"]{
  --qt-bg:#0D1420;--qt-surface:#171E2C;--qt-text:#F3F5F9;--qt-text-secondary:#9AA4B5;--qt-border:#2A3344;
}
