/* Kairos Canvas: design tokens and base rules. Generated from the validated visual baseline. */

:root {
    --bg-0: #0a0a0b;
    --bg-1: #111114;
    --bg-2: #16171b;
    --bg-3: #1d1e24;
    --bg-4: #25262d;
    --line: #2a2b33;
    --line-soft: #1f2026;
    --text-0: #f5f3ee;
    --text-1: #c9c6bd;
    --text-2: #888578;
    --text-3: #55534b;
    --accent: #d4ff3a;
    --accent-dim: #8aa525;
    --warm: #ff7a4f;
    --danger: #ff5c5c;
    --shadow-lg: 0 24px 60px -20px rgba(0,0,0,0.7), 0 8px 16px -4px rgba(0,0,0,0.4);
    --shadow-sm: 0 2px 8px rgba(0,0,0,0.4);
    --font-display: 'Fraunces', 'Noto Serif SC', Georgia, serif;
    --font-sans: 'Noto Sans SC', -apple-system, BlinkMacSystemFont, sans-serif;
    --font-mono: 'JetBrains Mono', ui-monospace, monospace;
  }

* { box-sizing: border-box; margin: 0; padding: 0; }

html, body { height: 100%; overflow: hidden; }

body {
    font-family: var(--font-sans);
    background: var(--bg-0);
    color: var(--text-0);
    font-size: 13px;
    line-height: 1.5;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }

button { font-family: inherit; font-size: inherit; color: inherit; background: none; border: none; cursor: pointer; }

input, textarea, select { font-family: inherit; font-size: inherit; color: inherit; background: none; border: none; outline: none; }

textarea { resize: none; }

::-webkit-scrollbar { width: 8px; height: 8px; }

::-webkit-scrollbar-track { background: transparent; }

::-webkit-scrollbar-thumb { background: var(--bg-4); border-radius: 4px; }

::-webkit-scrollbar-thumb:hover { background: #34353d; }

/* 隐藏 */
  .hidden { display: none !important; }

/* ============ Kairos 2026 light workspace redesign ============ */
  :root {
    --bg-0: #eef0f2;
    --bg-1: #ffffff;
    --bg-2: #f5f6f7;
    --bg-3: #eceef0;
    --bg-4: #e1e4e8;
    --line: #dfe2e6;
    --line-soft: rgba(31, 35, 40, 0.055);
    --text-0: #16181c;
    --text-1: #3f444d;
    --text-2: #777d87;
    --text-3: #a2a7b0;
    --accent: #6f61f2;
    --accent-dim: #5849df;
    --lime: #82d91f;
    --warm: #ff755f;
    --danger: #e94f58;
    --violet: #7468ee;
    --blue: #4285f4;
    --shadow-lg: 0 24px 70px rgba(35, 39, 47, 0.16), 0 3px 14px rgba(35, 39, 47, 0.08);
    --shadow-sm: 0 8px 28px rgba(35, 39, 47, 0.11), 0 1px 4px rgba(35, 39, 47, 0.08);
    --font-display: 'Noto Sans SC', -apple-system, BlinkMacSystemFont, sans-serif;
  }

body {
    background: var(--bg-0);
    color: var(--text-0);
    letter-spacing: 0;
  }

::selection { background: rgba(156, 242, 45, 0.42); }

::-webkit-scrollbar-thumb { background: #cfd3d8; }

::-webkit-scrollbar-thumb:hover { background: #b9bec5; }

@media (prefers-reduced-motion: reduce) {
    *, *::before, *::after {
      animation-duration: .01ms !important;
      animation-iteration-count: 1 !important;
      transition-duration: .01ms !important;
      scroll-behavior: auto !important;
    }
  }