/* SriVari shared design tokens */
:root {
  --P1: #1F3864;
  --P1d: #142448;
  --P1l: #2A4F8C;
  --P1xl: #3A60A0;
  --A1: #C55A11;
  --A1l: #E8A020;
  --A1bg: rgba(197, 90, 17, 0.07);
  --A1bd: rgba(197, 90, 17, 0.26);
  --B1: #2E75B6;
  --B1l: #4A90D4;
  --B1bg: rgba(46, 117, 182, 0.08);
  --cream: #F7F6F2;
  --fog: #EEECEA;
  --white: #fff;
  --ink: #1A1A2E;
  --muted: #5C5C70;
  --dim: #9898A8;
  --bdr: rgba(26, 26, 46, 0.09);
  --bdrm: rgba(26, 26, 46, 0.16);
  --green: #1B7A44;
  --green-bg: rgba(27, 122, 68, 0.08);
  --green-bd: rgba(27, 122, 68, 0.22);
  --red: #B0302E;
  --red-bg: rgba(176, 48, 46, 0.08);
  --red-bd: rgba(176, 48, 46, 0.2);
  --sans: 'IBM Plex Sans', system-ui, sans-serif;
  --mono: 'IBM Plex Mono', monospace;
  --serif: 'Playfair Display', Georgia, serif;
  --r: 10px;
  --rl: 16px;
  --rxl: 22px;
  --sh: 0 2px 12px rgba(31, 56, 100, 0.09);
  --shm: 0 8px 28px rgba(31, 56, 100, 0.13);
  --shl: 0 20px 56px rgba(31, 56, 100, 0.18);
  --ease: cubic-bezier(0.4, 0, 0.2, 1);
}

/* Shared portal polish */
.card, .stat-card, .panel {
  border-radius: var(--rl);
  box-shadow: var(--sh);
}
.btn {
  border-radius: var(--r);
  font-family: var(--sans);
}
input, select, textarea {
  border-radius: var(--r);
  font-family: var(--sans);
}
h1, h2, h3, .page-title {
  font-family: var(--serif);
  color: var(--P1);
}
.mono, .cas, .batch-id {
  font-family: var(--mono);
}