/* =========================================================================
   Bai Lab Portal — Design Tokens & Base Styles
   来源: GEM-DTA Server styles.css (warm academic style)
   ========================================================================= */

:root {
  color-scheme: light;

  /* Ink & text */
  --ink: #0f2a4a;
  --ink-2: #2e4a6b;
  --muted: #5a6b82;
  --muted-2: #7c8aa0;

  /* Primary — deep academic blue */
  --primary: #1857c4;
  --primary-dark: #0e3c8d;
  --primary-soft: #e6efff;
  --primary-line: #c6d6f1;

  /* Secondary accents (used for feature icons, callouts, charts) */
  --teal: #0ea5a4;
  --teal-soft: #d8f3f2;
  --amber: #d97706;
  --amber-soft: #fcecd1;
  --coral: #db5461;
  --coral-soft: #fde2e4;
  --violet: #6d4ed1;
  --violet-soft: #e7e0fb;

  --accent: #b8860b;
  --accent-soft: #fbf4dd;

  /* Surfaces */
  --bg: #f4f7fc;
  --bg-panel: #ffffff;
  --bg-soft: #eef3fb;
  --bg-tint: #f7faff;
  --bg-dark: #0a2540;

  /* Lines */
  --line: #dde4ee;
  --line-strong: #b9c4d6;

  /* Status */
  --ok: #1f7a3a;
  --ok-soft: #e2f3e8;
  --warn: #a85b00;
  --warn-soft: #fceeda;
  --err: #b1281f;
  --err-soft: #f9e2e0;
  --info: #1454a8;
  --info-soft: #e0ecfa;

  /* Shape */
  --radius-lg: 16px;
  --radius: 10px;
  --radius-sm: 6px;

  --shadow-sm: 0 1px 2px rgba(15, 42, 74, 0.05);
  --shadow: 0 2px 6px rgba(15, 42, 74, 0.06), 0 1px 3px rgba(15, 42, 74, 0.04);
  --shadow-md: 0 6px 18px rgba(15, 42, 74, 0.08), 0 2px 6px rgba(15, 42, 74, 0.05);
  --shadow-lg: 0 18px 40px rgba(15, 42, 74, 0.14);

  /* Type */
  --font-sans: "Inter", "Segoe UI", system-ui, -apple-system, BlinkMacSystemFont, Roboto, Arial, sans-serif;
  --font-mono: "JetBrains Mono", "SFMono-Regular", Consolas, "Liberation Mono", monospace;

  --transition: 160ms cubic-bezier(0.4, 0, 0.2, 1);
}

* { box-sizing: border-box; }

html {
  min-height: 100%;
  background: var(--bg);
}

body {
  margin: 0;
  min-height: 100vh;
  color: var(--ink);
  background: var(--bg);
  font-family: var(--font-sans);
  font-size: 15px;
  line-height: 1.6;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

a { color: var(--primary); text-decoration: none; }
a:hover { text-decoration: underline; text-underline-offset: 2px; }

button, input, select, textarea {
  font: inherit;
  color: inherit;
}

code, .mono {
  font-family: var(--font-mono);
  font-size: 0.92em;
}