/* DNRPro design tokens — Design System v0.1. Single source of truth for colors, type, shape and spacing. */
:root {
  /* Surfaces */
  --bg-page:        #F6F7F9;  /* page background */
  --bg-appbar:      #F4F5F7;  /* top bar */
  --bg-surface:     #FFFFFF;  /* cards, sidebar, inputs */
  --bg-sunken:      #F8F9FB;  /* table heads, quotes, wells */
  --border:         #DCE0E6;  /* card and divider lines */
  --border-strong:  #B9C0CA;  /* input and secondary-button edges */
  --border-subtle:  #EEF0F3;  /* row dividers inside cards */

  /* Text */
  --text:           #14171C;
  --text-secondary: #3A414C;
  --text-muted:     #59616E;

  /* Brand / action (shifted toward HotelKey's mid-blue, AA with white text) */
  --primary:        #2F78B7;
  --primary-hover:  #26659C;
  --primary-tint:   #EAF2FA;  /* active nav, selected rows */
  --primary-tint-2: #F2F7FC;  /* selected card background */
  --primary-disabled: #A8C3DD;

  /* Status */
  --dnr-active:        #A4161A;  /* fill for "Active DNR" label (white text) */
  --dnr-active-tint:   #FDE8E8;
  --dnr-active-border: #F2B8B8;
  --dnr-active-text:   #8A1014;
  --review-text:       #7A4100;  /* Needs review, DOB/ID doesn't match */
  --review-tint:       #FFF1D6;
  --review-border:     #F1D49A;
  --neutral-label-bg:  #EEF0F3;  /* No DNR, Past DNR, Name match */
  --neutral-label-text:#3A414C;
  --id-text:           #1E3F8A;  /* ID on file, ID match */
  --id-tint:           #E3ECFB;
  --success-text:      #1E5B34;  /* scan success, "From ID" */
  --success-tint:      #E8F3EC;
  --success-border:    #B8DCC5;

  /* Type */
  --font-sans: "IBM Plex Sans", system-ui, sans-serif;
  --font-mono: "IBM Plex Mono", ui-monospace, monospace;

  /* Shape */
  --radius-control: 4px;   /* buttons, inputs, small tags */
  --radius-card:    6px;   /* cards, panels */
  --radius-pill:    999px; /* status labels */

  /* Spacing (4px base) */
  --space-1: 4px;  --space-2: 8px;  --space-3: 12px; --space-4: 16px;
  --space-5: 20px; --space-6: 24px; --space-8: 32px;
}