/* ============================================================
   PEQ Rule Engine — Design Tokens
   Light (default) / Dark ([data-theme="dark"])
   ============================================================ */
:root {
  /* surfaces */
  --bg: #f5f7fb;
  --bg-elev: #ffffff;
  --bg-soft: #edf1f8;
  --bg-inset: #e8edf5;

  /* ink */
  --ink: #0e1a30;
  --ink-2: #35445e;
  --ink-3: #5c6b84;
  --ink-4: #8b97ac;

  /* hairlines */
  --line: #dfe6f1;
  --line-strong: #c6d2e4;

  /* brand */
  --navy: #12264d;
  --navy-2: #1b3a6b;
  --cobalt: #1e5bd6;
  --cobalt-deep: #16439f;
  --cobalt-soft: #e9f0fd;
  --teal: #0c7a86;
  --teal-deep: #085e68;
  --teal-soft: #e2f1f3;
  --cyan: #0e94b0;
  --cyan-soft: #e4f4f8;

  /* evaluation states */
  --true: #0e7a5f;
  --true-soft: #e1f2ec;
  --false: #b23a2a;
  --false-soft: #f8e8e4;
  --unknown: #96670a;
  --unknown-soft: #f9f0dc;
  --na: #56637a;
  --na-soft: #e9edf4;

  /* shadow mode accent (restrained violet-grey) */
  --shadow: #6b5aa8;
  --shadow-soft: #ece9f7;

  --focus: #1e5bd6;
  --selection: rgba(30, 91, 214, 0.14);

  /* elevation */
  --shadow-sm: 0 1px 2px rgba(14, 26, 48, 0.05);
  --shadow-md: 0 1px 2px rgba(14, 26, 48, 0.04), 0 12px 32px -16px rgba(14, 26, 48, 0.14);
  --shadow-lg: 0 8px 24px -10px rgba(14, 26, 48, 0.18), 0 32px 80px -32px rgba(14, 26, 48, 0.24);

  /* geometry */
  --r-sm: 8px;
  --r-md: 12px;
  --r-lg: 16px;
  --r-xl: 24px;

  /* type */
  --font-ui: "Segoe UI", "Malgun Gothic", "Apple SD Gothic Neo", Arial, sans-serif;
  --font-mono: Consolas, "Courier New", monospace;
  --fs-xs: 0.72rem;
  --fs-sm: 0.82rem;
  --fs-md: 0.95rem;
  --fs-lg: 1.08rem;
  --fs-xl: 1.32rem;
  --fs-2xl: 1.65rem;
  --fs-3xl: 2.15rem;
  --fs-4xl: 2.9rem;

  /* layout */
  --container: 1180px;
  --header-h: 64px;
  --section-pad: 88px;
  --ease: cubic-bezier(0.4, 0, 0.2, 1);
}

[data-theme="dark"] {
  --bg: #0a1220;
  --bg-elev: #101a2e;
  --bg-soft: #15233d;
  --bg-inset: #0d1626;

  --ink: #e8eef8;
  --ink-2: #bcc9dd;
  --ink-3: #8b9ab4;
  --ink-4: #5f6f8a;

  --line: #22304a;
  --line-strong: #31456a;

  --navy: #0d1830;
  --navy-2: #233e6e;
  --cobalt: #6a9af5;
  --cobalt-deep: #8fb2f8;
  --cobalt-soft: #14274c;
  --teal: #45b3be;
  --teal-deep: #7acbd3;
  --teal-soft: #0e2b33;
  --cyan: #3fb0cb;
  --cyan-soft: #0e2a33;

  --true: #52c6a1;
  --true-soft: #0e2a23;
  --false: #e07d6c;
  --false-soft: #331815;
  --unknown: #e3b45c;
  --unknown-soft: #2e2410;
  --na: #93a1b8;
  --na-soft: #1c2433;

  --shadow: #9d8ce0;
  --shadow-soft: #221d3a;

  --focus: #6a9af5;
  --selection: rgba(106, 154, 245, 0.24);

  --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.3);
  --shadow-md: 0 1px 2px rgba(0, 0, 0, 0.25), 0 12px 32px -16px rgba(0, 0, 0, 0.5);
  --shadow-lg: 0 8px 24px -10px rgba(0, 0, 0, 0.55), 0 32px 80px -32px rgba(0, 0, 0, 0.65);
}