/* QuintAce Design System — Shared Tokens & Base Styles
   Source: Figma DS (iOTlPQpDbpmsVy24IjaPxl node 156:6543)
   Applied: Mar 9, 2026. Single source of truth for all coach HTML files. */

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

:root {
  /* Backgrounds (elevation system: strong → soft → medium → weak) */
  --bg-dark: #0a0f1b;
  --bg-card: #181e2a;
  --bg-accent: #202736;
  --bg-weak: #2a3346;

  /* Primary */
  --primary-base: #155dfc;
  --primary-dark: #1447e6;
  --primary-darker: #193cb8;

  /* Brand gradient */
  --brand-gradient: linear-gradient(90deg, #005eda 0%, #f3004e 100%);

  /* Text */
  --text: #cecfd1;
  --text-muted: #9d9fa4;
  --text-dim: #aab6cd;
  --text-accent: #51a2ff;

  /* Stroke */
  --border: #2d3442;
  --border-subtle: rgba(255, 255, 255, 0.1);
  --border-brand: rgba(255, 255, 255, 0.16);

  /* State colors */
  --green: #2a9c1d;
  --green-accent: #94ea8b;
  --orange: #e97135;
  --orange-accent: #ff9a68;
  --purple: #c026d3;
  --purple-accent: #e879f9;
  --red: #e93544;
  --sky: #3387cd;

  /* Backward-compat aliases */
  --blue: #155dfc;
  --blue-light: #51a2ff;
  --cyan: #51a2ff;
  --pink: #e879f9;
  --yellow: #ffd268;

  /* Shadows */
  --shadow-card: 0px 4px 8px rgba(0, 0, 0, 0.18);
  --shadow-elevated: 0px 8px 24px rgba(7, 14, 30, 0.35);

  /* Spacing */
  --radius-md: 6px;
  --radius-lg: 8px;
  --radius-full: 9999px;
}

/* ---- Reset ---- */
*, *::before, *::after { margin: 0; padding: 0; box-sizing: border-box; }

/* ---- Base ---- */
body {
  font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  background: var(--bg-dark);
  color: var(--text);
}