/* =====================================================================
   سجلّ العيادة — design tokens
   Palette 4 "Navy & Amber" (palettes.js index 3), frozen as static values.
   Colour roles:
     primary  = navigation, links, selection, primary actions
     accent1  = attention: unpaid, failed sync, things that need a look
     accent2  = done/safe: signed notes, dose change, paid
     med/money = icon colour for medication / invoice sections
     danger   = allergies, form errors, destructive actions only
     clinic1  = عيادة الرمال     clinic2 = عيادة النصر
     doc-a / doc-b = doctor identity, owner's combined view only
   ===================================================================== */
:root {
  /* Palette */
  --bg: #F1F0EC;
  --surface: #FFFFFD;
  --surface-2: #F6F5F1;
  --ink: #18202F;
  --ink-2: #475066;
  --muted: #5B6378;
  --line: #E2E0D8;
  --primary: #1D3C70;
  --primary-strong: #14274A;
  --primary-ink: #FFFFFF;
  --primary-tint: #DFE7F5;
  --accent1: #E3A021;
  --accent1-ink: #744E08;
  --accent1-tint: #FAEACB;
  --accent1-on: #1B1406;
  --accent2: #3E7C78;
  --accent2-ink: #245653;
  --accent2-tint: #D7ECE9;
  --danger: #B42318;
  --danger-ink: #7A1A12;
  --danger-tint: #FDE8E4;
  --danger-on: #FFFFFF;
  --sidebar-bg: #142340;
  --sidebar-ink: #B9C6DD;
  --sidebar-strong: #FFFFFF;
  --sidebar-active-bg: #26416F;
  --sidebar-active-ink: #FFD58A;
  /* Domain hues, icons only: medication = teal, money = muted clay (5.4:1 on white) */
  --med: var(--accent2);
  --money: #9C5536;
  /* Patient banner: the one tinted surface in the record */
  --banner: color-mix(in srgb, var(--primary-tint) 60%, var(--surface));
  --clinic1: #DFEFED;
  --clinic1-ink: #245653;
  --clinic2: #FCEFD3;
  --clinic2-ink: #744E08;
  /* Doctor identity in the owner's combined view (doc-a = signed-in doctor, doc-b = the other doctor) */
  --doc-a: #1F3A68;
  --doc-a-tint: #E3E9F4;
  --doc-a-ink: #14274A;
  --doc-b: #7A5A99;
  --doc-b-tint: #EFE8F5;
  --doc-b-ink: #4E3866;
  /* Print sheet (always white paper) + toast accent on the dark toast */
  --paper: #FFFFFF;
  --paper-ink: #18202F;
  --toast-ok: #8FD3CD;
  --shadow: 20, 35, 64;          /* RGB triplet: use as rgba(var(--shadow), .2) */
  --edge: transparent;

  /* Radius scale */
  --r-scale: 2.2;                /* corner roundness: one knob for every radius (1 = the earlier sharper look) */
  --r-pane: calc(6px * var(--r-scale));   /* panes, dialogs, popovers */
  --r-ctl: calc(5px * var(--r-scale));    /* buttons, inputs, nav items */
  --r-row: calc(4px * var(--r-scale));    /* rows, inner blocks, notices */
  --r-tag: calc(3px * var(--r-scale));    /* tags, chips, badges, kbd */
  --r-card: var(--r-pane);       /* alias used by the reference */

  /* Spacing scale (px values used across the reference) */
  --s-1: 4px;
  --s-2: 6px;
  --s-3: 8px;
  --s-4: 10px;
  --s-5: 12px;
  --s-6: 14px;
  --s-7: 16px;
  --s-8: 20px;
  --s-9: 24px;
  --s-10: 28px;
  --s-11: 34px;

  /* Type scale */
  --font: 'Poppins', 'Almarai', sans-serif;
  --font-num: 'Poppins', sans-serif;
  --fs-2xs: 11px;                /* tags, counters */
  --fs-xs: 12px;                 /* meta, hints, table meta */
  --fs-sm: 12.5px;               /* section labels, nav, tabs */
  --fs-md: 13.5px;               /* dense rows, kv lists */
  --fs-base: 14px;               /* body text */
  --fs-lg: 16.5px;               /* note section titles */
  --fs-xl: 21px;                 /* patient name, dialog title */
  --fs-2xl: 24px;                /* page title */
  --fs-3xl: 26px;                /* note title */

  /* Elevation + motion */
  --depth: 0 1px 2px rgba(var(--shadow), .06), 0 10px 28px -14px rgba(var(--shadow), .22);
  --pop: 0 2px 6px rgba(var(--shadow), .10), 0 24px 48px -20px rgba(var(--shadow), .45);
  --ease: cubic-bezier(.16, 1, .3, 1);

  /* Layout */
  --bar-h: 56px;
  --rec-w: 476px;                /* patient record pane width */
}