/* Quantaroot — color tokens
   Source: Manual de marca v1.0 (Sept 2024), pages 3.1–3.2 */
:root {
  /* Base palette */
  --qr-indigo-900: #171826;   /* darkest — near-black indigo */
  --qr-indigo-800: #2a238e;   /* primary brand indigo (RGB 42,35,142) */
  --qr-indigo-700: #2c2f82;   /* deep indigo variant */
  --qr-plum-800:   #3b3055;   /* dark plum */
  --qr-violet-600: #624cab;   /* violet */
  --qr-violet-500: #5e4e9a;   /* muted violet */
  --qr-lavender-400: #a986bc; /* secondary lavender */
  --qr-lavender-200: #c1cbe8; /* pale periwinkle */
  --qr-white: #ffffff;

  /* Brand gradients (from manual: soft degradados on chips + backgrounds) */
  --qr-gradient-primary: linear-gradient(120deg, #2a238e 0%, #624cab 60%, #a986bc 100%); /* @kind color */
  --qr-gradient-deep: linear-gradient(120deg, #171826 0%, #2c2f82 55%, #5e4e9a 100%); /* @kind color */
  --qr-gradient-soft: linear-gradient(120deg, #c1cbe8 0%, #ffffff 45%, #a986bc 100%); /* @kind color */

  /* Semantic aliases */
  --surface-page: #ffffff;
  --surface-subtle: #f5f5fa;
  --surface-card: #ffffff;
  --surface-inverse: #171826;
  --surface-brand: #2a238e;

  --text-heading: #171826;
  --text-body: #3f4152;
  --text-muted: #7c7f95;
  --text-inverse: #ffffff;
  --text-brand: #2a238e;

  --border-subtle: #e3e5f0;
  --border-strong: #c1cbe8;

  --accent-primary: #2a238e;
  --accent-secondary: #a986bc;

  --link: #2c2f82;
  --link-hover: #624cab;

  --focus-ring: 0 0 0 3px rgba(98, 76, 171, 0.35);
}