/* Palette transcribed verbatim from Brand guidelines > Color (frame 59)
   and from the UI-element page (frame 61). */
:root {
  /* Core */
  --vc-dark-blue: #050621;
  --vc-navy: #10153B;
  --vc-light-blue: #253169;
  --vc-white: #FFFFFF;

  /* Accents */
  --vc-gold: #FFBF00;
  --vc-gold-deep: #FFA600;
  --vc-red: #FF0000;
  --vc-green: #8AD400;

  /* Gradient endpoints (Blue gradient: #050621 - #253169) */
  --vc-gradient-blue-from: #050621;
  --vc-gradient-blue-to: #253169;
  --vc-gradient-blue: linear-gradient(180deg, #050621 0%, #253169 100%); /* @kind color */
  --vc-gradient-blue-alt: linear-gradient(180deg, #050621 0%, #222D63 100%); /* @kind color */
  --vc-gradient-gold: linear-gradient(90deg, #FFBF00 0%, #FFA600 100%); /* @kind color */

  /* Extended inks measured in the file */
  --vc-ink: #080B2A;          /* body copy on light, filled cards */
  --vc-ink-deep: #0F143A;
  --vc-glass-navy: #11133A;   /* base fill under the blur sheets */
  --vc-blue-700: #222D63;
  --vc-charcoal: #202020;     /* Figma variable "Charcoal black" — headings on white */
  --vc-red-deep: #C40000;

  /* Figma Variables (Ungrouped collection) */
  --vc-golden-sand: #FFF0DD;
  --vc-sky-blue: #71C4E4;
  --vc-royal-purple: #442A47;

  /* Neutral scaffolding measured in the file */
  --vc-grey-300: #D9D9D9;
  --vc-grey-line: #E5ECF6;
  --vc-lilac-200: #CCD0E8;

  /* ---- Semantic aliases ---- */
  --surface-page: var(--vc-white);
  --surface-page-dark: var(--vc-navy);
  --surface-card: var(--vc-ink);
  --surface-card-dark: var(--vc-glass-navy);
  --surface-glass: rgba(17,19,58,0.67);
  --surface-glass-light: rgba(217,217,217,0.30);
  --surface-scrim: rgba(0,0,0,0.40);

  --text-heading: var(--vc-charcoal);
  --text-body: var(--vc-ink);
  --text-on-dark: var(--vc-white);
  --text-muted-on-dark: rgba(255,255,255,0.60);
  --text-accent: var(--vc-gold);
  --text-link: var(--vc-light-blue);
  --text-link-hover: var(--vc-gold-deep);

  --border-on-dark: rgba(255,255,255,0.70);
  --border-ink: var(--vc-ink);
  --border-hairline: var(--vc-grey-line);

  --accent-primary: var(--vc-gold);
  --accent-danger: var(--vc-red);
  --accent-success: var(--vc-green);
  --accent-info: var(--vc-sky-blue);
}