/* ==========================================================================
   VoxDocs brand tokens
   Single source of truth for colour, type and spacing.
   ========================================================================== */

:root{
  --bg: #ffffff;
  --text: #1a202c;
  --muted: #4a5568;
  --card: #ffffff;
  --border: rgba(17,24,39,.08);
  --shadow: 0 20px 50px rgba(0,0,0,.12);
  --shadow-soft: 0 10px 30px rgba(0,0,0,.10);

  /* Brand gradient: indigo -> purple */
  --grad-a: #4F46E5;
  --grad-b: #7C3AED;

  --accent: #4F46E5;
  --accent-2: #7C3AED;

  /* Conversion green */
  --cta-primary: #10B981;
  --cta-hover: #059669;

  --btn: rgba(255,255,255,.12);
  --btn-border: rgba(255,255,255,.22);

  /* Translucent brand tints.
     Derived from --grad-a/--grad-b so a rebrand only touches the two
     hex values above. The source templates hardcoded an older orange/pink
     palette in six places; these tokens replace it. */
  --tint-a-05: rgba(79, 70, 229, .05);
  --tint-a-12: rgba(79, 70, 229, .12);
  --tint-a-14: rgba(79, 70, 229, .14);
  --tint-a-20: rgba(79, 70, 229, .20);
  --tint-a-25: rgba(79, 70, 229, .25);
  --tint-b-03: rgba(124, 58, 237, .03);
  --tint-b-12: rgba(124, 58, 237, .12);
  --tint-b-14: rgba(124, 58, 237, .14);
  --tint-b-16: rgba(124, 58, 237, .16);
  --tint-b-18: rgba(124, 58, 237, .18);
  --tint-b-20: rgba(124, 58, 237, .20);

  /* Success tints for kicker / check marks */
  --tint-cta-20: rgba(16, 185, 129, .20);
  --tint-cta-25: rgba(16, 185, 129, .25);
  --tint-cta-40: rgba(16, 185, 129, .40);

  --font-display: "Poppins", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  --font-body: "Open Sans", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;

  --radius: 12px;
  --radius-lg: 20px;

  --max: 1120px;
}