/**
 * Chatvora design tokens — single source of truth for public UI.
 */

:root {
  /* Surfaces */
  --cv-bg: #07070b;
  --cv-bg-elevated: #0e0e14;
  --cv-nav-bg: rgba(7, 7, 11, 0.82);
  --cv-surface: rgba(255, 255, 255, 0.035);
  --cv-surface-hover: rgba(255, 255, 255, 0.06);
  --cv-border: rgba(255, 255, 255, 0.09);
  --cv-border-strong: rgba(255, 255, 255, 0.14);

  /* Text */
  --cv-text: rgba(255, 255, 255, 0.92);
  --cv-muted: rgba(255, 255, 255, 0.58);
  --cv-faint: rgba(255, 255, 255, 0.38);

  /* Brand accent — one purple family sitewide */
  --cv-accent: #6366f1;
  --cv-accent-hover: #818cf8;
  --cv-accent-soft: #a5b4fc;
  --cv-accent-muted: #c7d2fe;
  --cv-gradient: linear-gradient(135deg, #6366f1 0%, #8b5cf6 55%, #a855f7 100%);

  /* Semantic */
  --cv-error: #ef4444;
  --cv-error-soft: #fca5a5;
  --cv-success: #22c55e;
  --cv-success-soft: #86efac;
  --cv-warning: #f59e0b;

  /* Inputs */
  --cv-input-bg: rgba(255, 255, 255, 0.05);
  --cv-input-border: rgba(255, 255, 255, 0.1);
  --cv-input-focus: rgba(99, 102, 241, 0.55);

  /* Secondary (Master / guide) */
  --cv-teal: #14b8a6;
  --cv-teal-gradient: linear-gradient(135deg, #0f766e, #0d9488);

  /* Layout */
  --cv-radius-sm: 10px;
  --cv-radius: 16px;
  --cv-radius-lg: 24px;
  --cv-radius-pill: 999px;
  --cv-max: 1180px;
  --cv-section-y: clamp(4.5rem, 9vw, 7rem);
  --cv-nav-h: 64px;
  --cv-shadow: 0 24px 80px rgba(0, 0, 0, 0.55);
  --cv-glow: 0 0 120px rgba(99, 102, 241, 0.22);
  --cv-focus: 0 0 0 3px rgba(99, 102, 241, 0.22);

  /* Typography */
  --cv-font: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --cv-font-mono: ui-monospace, 'SF Mono', Menlo, Consolas, monospace;

  /* Legacy aliases (sr-theme, dashboard, chat) */
  --sr-bg: var(--cv-bg);
  --sr-card: var(--cv-bg-elevated);
  --sr-nav: #0e0e14;
  --sr-border: var(--cv-border);
  --sr-text: #ffffff;
  --sr-text-secondary: var(--cv-muted);
  --sr-body-text: var(--cv-text);
  --sr-accent: var(--cv-accent);
  --sr-accent-gradient: linear-gradient(135deg, var(--cv-accent), #8b5cf6);
  --sr-error: var(--cv-error);
  --sr-success: var(--cv-success);
  --sr-input-bg: #1a1a2e;
  --sr-input-border: var(--cv-input-border);
  --sr-radius-btn: 10px;
  --sr-radius-pill: 24px;
  --sr-radius-card: 14px;
}

/* Modern public surfaces — unified font & canvas */
body.sr-public-page,
body.sr-home-v2,
body.sr-auth-page,
body.sr-faq-page,
body.sr-contact-page,
body.sr-pricing-page {
  font-family: var(--cv-font);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background-color: var(--cv-bg) !important;
  color: var(--cv-text);
}

body.sr-public-page h1,
body.sr-public-page h2,
body.sr-public-page h3,
body.sr-public-page h4,
body.sr-public-page h5,
body.sr-public-page h6 {
  font-family: var(--cv-font);
  color: #fff;
}

body.dark-theme.sr-public-page,
body.dark-theme.sr-auth-page,
body.dark-theme.sr-faq-page,
body.dark-theme.sr-contact-page,
body.dark-theme.sr-pricing-page {
  font-family: var(--cv-font);
  background-color: var(--cv-bg) !important;
  color: var(--cv-text);
}