/* Zense UI prototype — design system and screens. White + trust blue, SF Pro, flat, hairlines. */

:root {
  --canvas: #f5f6f8;
  --surface: #ffffff;
  --sunken: #f8f9fb;
  --line: #e9eaef;
  --line-2: #dfe1e7;
  --hover: #f1f2f5;
  --press: #e9ebf0;
  --ink: #0b0d12;
  --ink-2: #363a45;
  --muted: #6b7080;
  --faint: #9b9fab;
  --accent: #3d44e5;
  --accent-2: #333ad6;
  --accent-ink: #2b32c4;
  --accent-soft: #eef0fe;
  --accent-line: #c9ccf8;
  --green: #12a150;
  --green-soft: #e8f7ee;
  --amber: #c96a00;
  --amber-soft: #fff4e5;
  --red: #e5484d;
  --red-soft: #fdecec;
  --r-sm: 6px;
  --r: 8px;
  --r-md: 10px;
  --r-lg: 12px;
  --r-xl: 16px;
  --sh-1: 0 1px 2px rgb(15 18 30 / 0.04);
  --sh-card: 0 1px 2px rgb(15 18 30 / 0.04), 0 0 0 1px rgb(15 18 30 / 0.05);
  --sh-pop: 0 0 0 1px rgb(15 18 30 / 0.06), 0 2px 6px rgb(15 18 30 / 0.04), 0 12px 32px -6px rgb(15 18 30 / 0.14);
  --sh-modal: 0 0 0 1px rgb(15 18 30 / 0.06), 0 32px 80px -16px rgb(15 18 30 / 0.3);
  --font: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Helvetica Neue", system-ui, sans-serif;
  --font-display: -apple-system, BlinkMacSystemFont, "SF Pro Display", "Helvetica Neue", system-ui, sans-serif;
  --mono: ui-monospace, "SF Mono", Menlo, monospace;
  --ease: cubic-bezier(0.2, 0.8, 0.2, 1);
}