/* Auto-generated jarvisjr tokens from bytelyst.tokens.json — do not edit manually */

:root {
  --jj-bg-canvas: #06070A;
  --jj-bg-elevated: #0E1118;
  --jj-surface-card: #121725;
  --jj-surface-muted: #1A2335;
  --jj-border-default: rgba(255,255,255,0.12);
  --jj-border-strong: rgba(255,255,255,0.22);
  --jj-text-primary: #EFF4FF;
  --jj-text-secondary: #A5B1C7;
  --jj-text-tertiary: #6C7C98;
  --jj-accent-primary: #5A8CFF;
  --jj-accent-secondary: #2EE6D6;
  --jj-success: #34D399;
  --jj-warning: #F59E0B;
  --jj-danger: #FF6E6E;
  --jj-focus-ring: rgba(90,140,255,0.45);
  --jj-overlay-scrim: rgba(5,8,18,0.72);

  /* jarvisjr product colors */
  --jj-accent-primary: #7C6BFF;
  --jj-accent-secondary: #5AE6C8;
  --jj-accent-voice: #FF6B8A;
  --jj-agent-coach: #5A8CFF;
  --jj-agent-lingua: #FFB74D;
  --jj-agent-spark: #E040FB;
  --jj-agent-mentor: #34D399;
  --jj-agent-mirror: #2EE6D6;
  --jj-agent-orator: #FF9F43;

  --jj-font-display: "Space Grotesk", "SF Pro Display", sans-serif;
  --jj-font-body: "DM Sans", "SF Pro Text", sans-serif;
  --jj-font-mono: "IBM Plex Mono", "SF Mono", monospace;

  --jj-fs-xs: 12px;
  --jj-fs-sm: 14px;
  --jj-fs-md: 16px;
  --jj-fs-lg: 18px;
  --jj-fs-xl: 22px;
  --jj-fs-2xl: 28px;
  --jj-fs-3xl: 36px;

  --jj-space-0: 0;
  --jj-space-1: 4px;
  --jj-space-2: 8px;
  --jj-space-3: 12px;
  --jj-space-4: 16px;
  --jj-space-5: 20px;
  --jj-space-6: 24px;
  --jj-space-7: 28px;
  --jj-space-8: 32px;
  --jj-space-10: 40px;
  --jj-space-12: 48px;
  --jj-space-16: 64px;

  --jj-radius-xs: 8px;
  --jj-radius-sm: 12px;
  --jj-radius-md: 16px;
  --jj-radius-lg: 20px;
  --jj-radius-xl: 24px;
  --jj-radius-pill: 999px;

  --jj-elevation-sm: 0 4px 12px rgba(0,0,0,0.12);
  --jj-elevation-md: 0 12px 28px rgba(0,0,0,0.18);
  --jj-elevation-lg: 0 20px 48px rgba(0,0,0,0.24);

  --jj-motion-fast: 140ms;
  --jj-motion-base: 220ms;
  --jj-motion-slow: 320ms;
  --jj-easing-standard: cubic-bezier(0.2, 0.0, 0.2, 1);

  /* ── @bytelyst/ui alias layer (--bl-* → --jj-*) ──────────────── */
  --bl-bg-canvas: var(--jj-bg-canvas);
  --bl-bg-elevated: var(--jj-bg-elevated);
  --bl-surface-card: var(--jj-surface-card);
  --bl-surface-muted: var(--jj-surface-muted);
  --bl-surface-highlight: color-mix(in oklab, var(--jj-surface-muted) 82%, white);
  --bl-surface-overlay: color-mix(in oklab, var(--jj-bg-canvas) 88%, transparent);
  --bl-input: color-mix(in oklab, var(--jj-surface-muted) 76%, var(--jj-bg-canvas));
  --bl-border: var(--jj-border-default);
  --bl-border-strong: var(--jj-border-strong);
  --bl-border-subtle: color-mix(in oklab, var(--jj-border-default) 62%, transparent);
  --bl-text-primary: var(--jj-text-primary);
  --bl-text-secondary: var(--jj-text-secondary);
  --bl-text-tertiary: var(--jj-text-tertiary);
  --bl-text-quiet: color-mix(in oklab, var(--jj-text-secondary) 78%, var(--jj-bg-canvas));
  --bl-accent: var(--jj-accent-primary);
  --bl-accent-foreground: var(--jj-bg-canvas);
  --bl-accent-muted: color-mix(in oklab, var(--jj-accent-primary) 16%, transparent);
  --bl-info: var(--jj-accent-primary);
  --bl-info-muted: color-mix(in oklab, var(--jj-accent-primary) 14%, transparent);
  --bl-success: var(--jj-success);
  --bl-success-muted: color-mix(in oklab, var(--jj-success) 14%, transparent);
  --bl-warning: var(--jj-warning);
  --bl-warning-muted: color-mix(in oklab, var(--jj-warning) 14%, transparent);
  --bl-danger: var(--jj-danger);
  --bl-danger-muted: color-mix(in oklab, var(--jj-danger) 14%, transparent);
  --bl-danger-foreground: var(--jj-bg-canvas);
  --bl-focus-ring: var(--jj-focus-ring);
  --bl-focus-ring-muted: color-mix(in oklab, var(--jj-accent-primary) 18%, transparent);
  --bl-overlay-scrim: var(--jj-overlay-scrim);
}

[data-theme="light"] {
  --jj-bg-canvas: #F6F8FC;
  --jj-bg-elevated: #EEF2FA;
  --jj-surface-card: #FFFFFF;
  --jj-surface-muted: #F3F5FA;
  --jj-border-default: rgba(14,19,32,0.12);
  --jj-border-strong: rgba(14,19,32,0.24);
  --jj-text-primary: #0E1320;
  --jj-text-secondary: #55637A;
  --jj-success: #13956A;
  --jj-warning: #B87504;
  --jj-danger: #D24242;
  --jj-focus-ring: rgba(90,140,255,0.35);
  --jj-overlay-scrim: rgba(10,13,23,0.5);
}
