/* Hallmark · redesign pass · macrostructure: Workbench (sidebar nav + reading pane), unchanged
 * genre: modern-minimal · theme: custom (macOS mail-client palette, client-specified)
 * paper-band: light (#FFFFFF) · display style: grotesk-sans (system SF/Inter stack) · accent: cool blue (~230°)
 * Redesign brief: bright white canvas, soft neutral grays, near-invisible borders, generous
 * whitespace, 12-16px radii, low-opacity shadows, single restrained accent. Visual layer only:
 * every id/class the page's script depends on (.row, .chip[data-filter], #drawer, #drawerEmpty,
 * #drawerContent, #searchInput, #rowCount, .drawer__close) is unchanged from the prior build.
 * Fonts: system-ui/-apple-system stack only (offline CTF hardware, no CDN), resolves to SF Pro on
 * macOS and to Segoe UI / Inter-adjacent system fonts elsewhere, matching the "Inter or SF Pro" brief
 * without a network font load.
 */

:root {
  /* Palette: client-specified hex values, used verbatim rather than converted to OKLCH */
  --color-bg:        #FFFFFF;
  --color-sidebar:   #FAFAFB;
  --color-border:    #ECECEC;
  --color-ink:       #111827;
  --color-ink-2:     #6B7280;
  --color-muted:     #9CA3AF;
  --color-accent:    #4F6BFF;
  --color-selection: #EEF4FF;
  --color-hover:     #F7F8FA;

  /* Type */
  --font-body: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", Inter, system-ui, sans-serif;
  --font-display: -apple-system, BlinkMacSystemFont, "SF Pro Display", "Segoe UI", Inter, system-ui, sans-serif;
  --font-mono: "SF Mono", "SFMono-Regular", "Cascadia Code", Consolas, "Roboto Mono", ui-monospace, monospace;

  --text-xs:   0.75rem;   /* 12px */
  --text-sm:   0.8125rem; /* 13px */
  --text-base: 0.875rem;  /* 14px */
  --text-md:   0.9375rem; /* 15px */
  --text-lg:   1.0625rem; /* 17px */
  --text-xl:   1.25rem;   /* 20px */
  --text-2xl:  1.625rem;  /* 26px */

  /* Spacing: consistent 8px system */
  --space-1: 0.25rem;  /* 4px  */
  --space-2: 0.5rem;   /* 8px  */
  --space-3: 0.75rem;  /* 12px */
  --space-4: 1rem;     /* 16px */
  --space-5: 1.5rem;   /* 24px */
  --space-6: 2rem;     /* 32px */
  --space-7: 3rem;     /* 48px */
  --space-8: 4rem;     /* 64px */

  --radius-sm: 10px;
  --radius-md: 14px;
  --radius-lg: 16px;
  --radius-pill: 999px;

  --shadow-xs: 0 1px 2px rgba(17, 24, 39, 0.04);
  --shadow-sm: 0 2px 10px rgba(17, 24, 39, 0.05);
  --shadow-md: 0 16px 40px rgba(17, 24, 39, 0.10);

  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --dur-short: 140ms;
  --dur-med: 220ms;

  --sidebar-w: 15.5rem;
  --drawer-w: 27rem;
}