/* AREDC CRM — Design tokens (from AREDC Branding guide) */
:root {
  /* Brand */
  --starlight: #162D4C;   /* primary */
  --sand: #CEA577;        /* secondary */
  --blue: #6483AA;        /* secondary */
  --metallic: #C0C0C0;    /* primary neutral */

  /* Derived tints (for UI surfaces only, not for the logo) */
  --starlight-90: #2c4262;
  --starlight-70: #5a6a82;
  --starlight-10: #e8ebf0;
  --starlight-05: #f3f5f8;
  --sand-20: #f5ede3;
  --blue-20: #e0e6ee;
  --metallic-30: #ececec;

  /* Semantic */
  --bg: #f6f7f9;
  --surface: #ffffff;
  --surface-2: var(--starlight-05);
  --text: #162D4C;
  --text-muted: #5a6a82;
  --text-on-dark: #ffffff;
  --border: #dde2ea;
  --primary: var(--starlight);
  --accent: var(--sand);
  --focus: var(--blue);
  --success: #2f7d5b;
  --warning: #b7791f;
  --danger: #b3382c;
  --success-bg: #e4f2ea;
  --warning-bg: #fbf0d9;
  --danger-bg: #f8e3e0;

  /* Spacing */
  --sp-1: 4px; --sp-2: 8px; --sp-3: 12px; --sp-4: 16px;
  --sp-5: 24px; --sp-6: 32px; --sp-7: 48px;

  /* Radii */
  --r-sm: 6px; --r-md: 10px; --r-lg: 16px; --r-pill: 999px;

  /* UI shadows (light; never applied to the logo) */
  --shadow-1: 0 1px 2px rgba(22, 45, 76, .08);
  --shadow-2: 0 4px 16px rgba(22, 45, 76, .12);

  /* Type */
  --font-en-head: "Servek", "Segoe UI", "Helvetica Neue", Arial, system-ui, sans-serif;
  --font-en-text: "Macho", "Segoe UI", "Helvetica Neue", Arial, system-ui, sans-serif;
  --font-ar-head: "Arabto", "Noto Kufi Arabic", "Segoe UI", Tahoma, system-ui, sans-serif;
  --font-ar-text: "Effra Arbc", "Noto Sans Arabic", "Segoe UI", Tahoma, system-ui, sans-serif;
  --font-head: var(--font-en-head);
  --font-text: var(--font-en-text);
  --fs-xs: .75rem; --fs-sm: .875rem; --fs-md: 1rem;
  --fs-lg: 1.25rem; --fs-xl: 1.625rem; --fs-2xl: 2rem;

  /* Layout */
  --header-h: 56px;
  --bottomnav-h: 64px;
  --sidebar-w: 248px;
  --tap: 44px;
}

html[lang="ar"] {
  --font-head: var(--font-ar-head);
  --font-text: var(--font-ar-text);
}