/* ============================================================
   Genver Platform — design tokens
   Inherited from genver-docs / genver-ppt; only --accent differs.
   Platform accent = teal; app accents kept per app identity.
   ============================================================ */

:root {
  /* Surfaces */
  --bg-app: #fbfbfc;
  --bg-panel: #ffffff;
  --bg-sidebar: #f8f8fa;
  --bg-subtle: #f3f3f6;
  --bg-hover: #eeeef2;
  --bg-active: #e7e7ed;
  --bg-sunken: #eaeaec;

  /* Text */
  --text-1: #18181b;
  --text-2: #5b5b66;
  --text-3: #8a8a95;
  --text-inv: #ffffff;

  /* Borders */
  --border-1: #ededf1;
  --border-2: #e0e0e6;
  --border-3: #c9c9d2;

  /* Accent — platform */
  --accent: #11857a;
  --accent-hover: #0e7268;
  --accent-press: #0b5f57;
  --accent-subtle: #e8f6f4;
  --accent-border: #bfe3dd;
  --accent-text: #0c6d63;

  /* Semantic */
  --success: #167c3c;
  --success-subtle: #e9f6ed;
  --warning: #9a5700;
  --warning-subtle: #fdf2e4;
  --danger: #c22b2b;
  --danger-subtle: #fdecec;
  --danger-border: #f5c9c9;
  --info: #2563a8;
  --info-subtle: #eaf1fb;

  /* Rail (platform chrome) */
  --rail-bg: #17171f;
  --rail-hover: #25252f;
  --rail-active: #30303e;
  --rail-text: #9b9baa;
  --rail-text-1: #f4f4f7;
  --rail-border: #2a2a35;

  /* App identity */
  --app-docs: #5b5bd6;
  --app-ppt: #d2603a;
  --app-sheet: #2f8f5b;
  --app-form: #8a4fd0;

  /* Type scale */
  --fs-10: 10px;
  --fs-11: 11px;
  --fs-12: 12px;
  --fs-13: 13px;
  --fs-14: 14px;
  --fs-15: 15px;
  --fs-17: 17px;
  --fs-20: 20px;
  --fs-26: 26px;

  /* Radius */
  --r-4: 4px;
  --r-6: 6px;
  --r-8: 8px;
  --r-10: 10px;
  --r-14: 14px;

  /* Elevation */
  --sh-1: 0 1px 2px rgba(20, 20, 35, .05);
  --sh-2: 0 4px 12px rgba(20, 20, 35, .07), 0 0 0 1px rgba(20, 20, 35, .04);
  --sh-3: 0 16px 48px rgba(20, 20, 35, .16), 0 0 0 1px rgba(20, 20, 35, .06);
  --sh-paper: 0 1px 2px rgba(20, 20, 35, .05), 0 10px 30px rgba(20, 20, 35, .07);
  --ring: 0 0 0 3px rgba(17, 133, 122, .16);

  /* Layout */
  --rail-w: 56px;
  --side-w: 248px;
  --split-w: 1px;
  --head-h: 44px;
  --chat-w: 1fr;
}
