/* RemoteDesk Console design tokens — 逐字转录自
   remotedesk-designs/console/tokens.css（挂在 .console-root，不是 :root）。
   规则见 console/PROMPT.md：volt 只做填充、hover 只变深、几何 2/4/8/14、
   动效唯一缓动 150–200ms、dark 无阴影靠明度分层。 */

@import url('https://fonts.googleapis.com/css2?family=Archivo:wght@400;500;600;700&family=IBM+Plex+Mono:wght@400;500&family=Poppins:wght@600&display=swap');

.console-root {
  /* ---- light (default) ---- */
  --bg: #F6F6F3;
  --side: #F6F6F3;
  --panel: #FFFFFF;
  --raised: #EAECF0;
  --hover: #F6F6F3;
  --field: #FFFFFF;
  --line: #D8DBE2;
  --line-strong: #B3B9C6;

  --text-1: #10131C;
  --text-2: #4E5665;
  --text-3: #878E9E;

  --accent: #6E8A00;
  --accent-hover: #10131C;
  --volt: #CDFF05;
  --volt-hover: #B8E600;
  --volt-border: #A8CC00;
  --on-volt: #10131C;
  --volt-tint: #FAFFDF;

  --ok: #14805A;      --ok-dot: #1D9E6E;     --ok-bg: #DFF3EA;
  --warn: #8F6206;    --warn-dot: #C4860B;   --warn-bg: #FAEFD8;
  --danger: #B93A3A;  --danger-dot: #D64545; --danger-bg: #FAE3E3;
  --neutral-bg: rgba(78, 86, 101, 0.10);
  --pill-volt-bg: #CDFF05;
  --pill-volt-tx: #10131C;

  --featured-bg: linear-gradient(135deg, #FFFFFF 0%, #FBFFE8 55%, #F4FFC4 100%);
  --shadow-hover: 0 2px 8px rgba(16, 24, 43, 0.08);

  /* ---- theme-invariant ---- */
  --r-sm: 2px;
  --r-md: 4px;
  --r-lg: 8px;
  --r-xl: 14px;
  --chamfer: 16px;
  --focus-ring: 0 0 0 3px rgba(184, 230, 0, 0.45);

  --font-body: 'Archivo', -apple-system, 'PingFang SC', 'Noto Sans SC', 'Helvetica Neue', sans-serif;
  --font-mono: 'IBM Plex Mono', ui-monospace, 'SF Mono', monospace;

  --ease: cubic-bezier(0.2, 0.7, 0.2, 1);
  --dur-fast: 150ms;
  --dur: 200ms;

  /* derived（styles.css 同款） */
  --scrim: color-mix(in srgb, var(--on-volt) 44%, transparent);
  --shadow-pop: 0 24px 64px color-mix(in srgb, var(--on-volt) 16%, transparent);
  --hairline: color-mix(in srgb, var(--text-1) 4%, transparent);
}

/* dark：opt-in（data-theme="dark"），不跟 prefers-color-scheme。
   .dark-island 让侧栏/登录品牌板在两个主题下都保持 ink——"Brand happens
   in the dark."。深色无任何阴影，深度靠 #10131C → #1B1E26 → #232733。 */
.console-root[data-theme='dark'],
.console-root .dark-island {
  --bg: #10131C; --side: #10131C; --panel: #1B1E26; --raised: #232733;
  --hover: #232733; --field: #232733; --line: #2A2E38; --line-strong: #343947;
  --text-1: #F2F4F7; --text-2: #878E9E; --text-3: #5C6472;
  --accent: #CDFF05;
  --accent-hover: #B8E600;
  --volt-tint: rgba(205, 255, 5, 0.10);
  --ok: #34C08B;      --ok-dot: #34C08B;     --ok-bg: rgba(29, 158, 110, 0.14);
  --warn: #E3A63C;    --warn-dot: #E3A63C;   --warn-bg: rgba(196, 134, 11, 0.16);
  --danger: #E76A6A;  --danger-dot: #E76A6A; --danger-bg: rgba(214, 69, 69, 0.14);
  --neutral-bg: rgba(135, 142, 158, 0.12);
  --pill-volt-bg: rgba(205, 255, 5, 0.10);
  --pill-volt-tx: #CDFF05;
  --featured-bg: #1B1E26;
  --shadow-hover: none;
  --shadow-pop: none;
  --hairline: color-mix(in srgb, var(--text-1) 2.5%, transparent);
}