/**
 * Shared Voiexa brand tokens — values from landing.css.
 * Used by user portal + admin chrome (not a substitute for landing.css layout).
 */

:root {
  --vx-bg: #ffffff;
  --vx-bg-soft: #f7f8fb;
  --vx-surface: #ffffff;
  --vx-surface-2: #eef0f3;
  --vx-ink: #111827;
  --vx-ink-soft: #4b5563;
  --vx-ink-muted: #6b7280;
  --vx-primary: #6f36ff;
  --vx-primary-foreground: #ffffff;
  --vx-accent: #4da0ff;
  --vx-accent-foreground: #ffffff;
  --vx-purple: #8453ff;
  --vx-destructive: #dc2626;
  --vx-success: #16a34a;
  --vx-warning: #f59e0b;
  --vx-line: rgba(17, 24, 39, 0.08);
  --vx-line-strong: rgba(17, 24, 39, 0.14);
  --vx-border: rgba(17, 24, 39, 0.1);
  --vx-input: rgba(17, 24, 39, 0.12);
  --vx-ring: #6f36ff;
  --vx-radius: 0.75rem;
  --vx-shadow-sm: 0 1px 2px rgba(15, 23, 42, 0.04), 0 4px 14px rgba(15, 23, 42, 0.05);
  --vx-shadow-md: 0 8px 28px rgba(15, 23, 42, 0.07);
  --vx-shadow-card: 0 1px 2px rgba(15, 23, 42, 0.04), 0 8px 24px rgba(15, 23, 42, 0.06);
  --vx-gradient-brand: linear-gradient(90deg, #6f36ff 37.11%, #4da0ff 59.26%);
  --vx-gradient-brand-135: linear-gradient(135deg, #6f36ff 0%, #8453ff 52%, #4da0ff 100%);
  --vx-font-sans: "DM Sans", system-ui, -apple-system, sans-serif;
  --vx-font-mono: "DM Mono", ui-monospace, monospace;
  --vx-glow-violet: rgba(111, 54, 255, 0.12);
  --vx-glow-cyan: rgba(77, 160, 255, 0.1);
}