/* ==========================================================================
   Intestate / GhanaARMS — custom.css
   Design tokens & brand variables. Loads AFTER carbon/styles.css; app.css
   consumes these tokens.

   AESTHETIC: "Civic Ledger" — the dignified feel of a national registry.
   Editorial warmth (IBM Plex Serif display type, warm paper canvas, a
   signature hairline "ledger rule") layered over Carbon's structural rigor.
   Palette unchanged: deep teal primary, indigo accent, Carbon semantics.
   ========================================================================== */

:root {
  /* ---- Primary scheme: deep teal (modern & trustworthy) ---- */
  --primary:        #006F6B;
  --primary-hover:  #3EBDB3;
  --primary-dark:   #003D3A;
  --primary-soft:   #E2F1F0;
  --primary-ink:    #00302E;   /* deepest teal — display ink on light */

  /* ---- Accent ---- */
  --accent:         #4C3CFF;
  --accent-soft:    #E8E6FF;

  /* ---- Semantic ---- */
  --success:        #009E7F;
  --success-soft:   #E0F4EF;
  --warning:        #FF9F1C;
  --warning-soft:   #FFF1DC;
  --danger:         #E03D4B;
  --danger-soft:    #FBE3E5;

  /* ---- Neutrals (Carbon inspired, warmed for the paper canvas) ---- */
  --background:     #F4F3EF;   /* warm paper — the canvas */
  --surface:        #FFFFFF;
  --ink:            #14201F;   /* warm near-black — headings */
  --text-primary:   #1C2526;
  --text-secondary: #4A5A5F;
  --text-muted:     #6E7F87;
  --border:         #DDE2E5;
  --rule:           #C9D2D3;   /* hairline for ledger rules / dividers */
  --gray-100:       #F4F6F8;
  --gray-200:       #EBEEF0;

  /* ---- Layout tokens ---- */
  --header-h:       64px;
  --sidebar-w:      280px;
  --container:      1280px;
  --radius-sm:      3px;
  --radius:         6px;
  --radius-lg:      14px;
  --shadow-sm:      0 1px 2px rgba(20,32,31,.05);
  --shadow:         0 1px 3px rgba(20,32,31,.06), 0 6px 16px -8px rgba(20,32,31,.14);
  --shadow-lg:      0 2px 6px rgba(20,32,31,.07), 0 20px 40px -16px rgba(20,32,31,.28);

  /* ---- Type ---- */
  --font: "IBM Plex Sans", system-ui, -apple-system, BlinkMacSystemFont,
          "Segoe UI", Roboto, sans-serif;
  --font-display: "IBM Plex Serif", "Iowan Old Style", Georgia, "Times New Roman", serif;
  --font-mono: "IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, monospace;

  /* ---- Motion (Carbon "productive" easing) ---- */
  --ease: cubic-bezier(.2, .6, .25, 1);
}