/* ===== LifeOs Design Tokens ===== */
:root {
  --bg-primary: #FFFFFF;
  --bg-secondary: #F9FAFB;
  --bg-tertiary: #F3F4F6;
  --bg-sidebar: #FAFAFA;
  --bg-hover: #F5F5F5;

  --bubble-user: #EBF3FF;
  --bubble-secretary: #F3F4F6;

  --accent: #4F6AFF;
  --accent-hover: #3D56E0;
  --accent-light: #EBF0FF;
  --accent-pink: #FF6B8A;
  --accent-pink-light: #FFF0F3;

  --text-primary: #111111;
  --text-secondary: #6B7280;
  --text-muted: #9CA3AF;
  --text-on-card: #FFFFFF;

  --border: #E5E7EB;
  --border-light: #F3F4F6;

  --status-online: #22C55E;
  --status-success: #17613A;
  --status-success-soft: #E8F4ED;
  --status-success-border: #B9D9C5;
  --status-warning: #7A4D10;
  --status-warning-soft: #FBF1DE;
  --status-warning-border: #EAD5A7;
  --status-error: #8E2727;
  --status-error-soft: #FAEAEA;
  --status-error-border: #EFC2C2;

  --font-family: 'Pretendard', 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;

  --radius-sm: 6px;
  --radius-md: 8px;
  --radius-lg: 12px;
  --radius-xl: 16px;
  --radius-card: 20px;
  --radius-bubble: 18px;
  --radius-full: 9999px;

  --shadow-sm: 0 1px 2px rgba(0,0,0,0.04);
  --shadow-md: 0 2px 8px rgba(0,0,0,0.06);
  --shadow-card: 0 4px 20px rgba(0,0,0,0.08);
  --shadow-accent-sm: 0 8px 18px rgba(79,106,255,0.10);
  --shadow-accent-md: 0 10px 22px rgba(79,106,255,0.12);

  /* BigtionAX standalone work-surface aliases.
     Phase 1B/1C/1D pages use these names; keep them as the shared UI contract. */
  --bg: var(--bg-secondary);
  --panel: var(--bg-primary);
  --work-canvas: var(--bg-primary);
  --panel-soft: #FBFCFD;
  --surface-page-canvas: var(--bg);
  --surface-app-canvas: var(--bg-primary);
  --surface-work-canvas: var(--work-canvas);
  --surface-panel: var(--panel);
  --surface-panel-soft: var(--panel-soft);
  --surface-panel-muted: var(--bg-secondary);
  --surface-control-track: var(--bg-secondary);
  --surface-control-track-hover: var(--bg-tertiary);
  --surface-control-selected: var(--bg-primary);
  --text: var(--text-primary);
  --muted: var(--text-secondary);
  --accent-soft: var(--accent-light);
  --success: var(--status-success);
  --success-soft: var(--status-success-soft);
  --warning: var(--status-warning);
  --warning-soft: var(--status-warning-soft);
  --loading: var(--status-warning);
  --loading-soft: var(--status-warning-soft);
  --error: var(--status-error);
  --error-soft: var(--status-error-soft);
  --evidence: #285B5F;
  --evidence-soft: #E9F4F3;
  --shadow: var(--shadow-card);

  /* Agent Theme Colors */
  --agent-sori-name: #FF9F43;
  --agent-sori-bubble: #FFF5EB;
  --agent-sori-bg: linear-gradient(180deg, #FFF8F0 0%, #FFE8D0 100%);
  --agent-seoyeon-name: #6C5CE7;
  --agent-seoyeon-bubble: #F3F0FF;
  --agent-seoyeon-bg: linear-gradient(180deg, #F8F5FF 0%, #E8E0FF 100%);
  --agent-jihyun-name: #00B894;
  --agent-jihyun-bubble: #EDFFF9;
  --agent-jihyun-bg: linear-gradient(180deg, #F0FFF8 0%, #D0FFE8 100%);
}