/* mcgyvr palette v3: generated by build.py from tokens.json. Do not edit by hand.
   Dark is the default; light via [data-theme="light"] or the OS preference.
   Contrast audit: contrast.md. Usage rules: palette.md. */

:root, [data-theme="dark"] {
  color-scheme: dark;
  /* brand ramp: the six wordmark colours + the two on-dark lifts */
  --mg-navy: #0B2164;
  --mg-cobalt: #0E5EBF;
  --mg-cyan: #029FCA;
  --mg-teal: #07C4A8;
  --mg-lime: #9EF021;
  --mg-acid: #A7FC02;
  --mg-navy-lift: #3D6BFF;
  --mg-cobalt-lift: #2F86F0;

  /* dark theme (default) */
  --mg-bg: #0A0E1A;
  --mg-surface: #111729;
  --mg-muted: #182036;
  --mg-border: #2A3550;
  --mg-border-strong: #6B7690;
  --mg-text: #E8EDF7;
  --mg-text-2: #A3AEC6;
  --mg-text-disabled: #6B7690;
  --mg-link: #029FCA;
  --mg-active: #A7FC02;
  --mg-cta-bg: #A7FC02;
  --mg-cta-fg: #0A0E1A;
  --mg-cta-hover-bg: #9EF021;
  --mg-brand-surface: #0B2164;
  --mg-on-brand: #E8EDF7;
  --mg-focus: #A7FC02;
  --mg-on-solid: #0A0E1A;
  --mg-success: #07C4A8;
  --mg-success-bg: #0D2A2A;
  --mg-warning: #FFB000;
  --mg-warning-bg: #2A2212;
  --mg-danger: #FF5A6E;
  --mg-danger-bg: #2E1620;
  --mg-info: #029FCA;
  --mg-info-bg: #0C2236;
  --mg-ramp: linear-gradient(90deg, var(--mg-navy-lift) 0.000% 16.667%, var(--mg-cobalt-lift) 16.667% 33.333%, var(--mg-cyan) 33.333% 50.000%, var(--mg-teal) 50.000% 66.667%, var(--mg-lime) 66.667% 83.333%, var(--mg-acid) 83.333% 100.000%);

  /* stripe: the wordmark's 7 x-height bands (wordmark units; stack total 126.5).
     *-em: the same, with the whole stack = 1em, so they scale with font-size where used.
     --mg-stripes paints the 7 bands in currentColor over the element's height
     (background: var(--mg-stripes); color: var(--mg-acid)). Decorative only. */
  --mg-stripe-total: 126.5;
  --mg-stripe-1: 6.5;
  --mg-stripe-2: 8;
  --mg-stripe-3: 10;
  --mg-stripe-4: 11.5;
  --mg-stripe-5: 12.5;
  --mg-stripe-6: 14.5;
  --mg-stripe-7: 17;
  --mg-stripe-gap-1: 10.5;
  --mg-stripe-gap-2: 9;
  --mg-stripe-gap-3: 8;
  --mg-stripe-gap-4: 7;
  --mg-stripe-gap-5: 6.5;
  --mg-stripe-gap-6: 5.5;
  --mg-stripe-1-em: 0.0514em;
  --mg-stripe-2-em: 0.0632em;
  --mg-stripe-3-em: 0.0791em;
  --mg-stripe-4-em: 0.0909em;
  --mg-stripe-5-em: 0.0988em;
  --mg-stripe-6-em: 0.1146em;
  --mg-stripe-7-em: 0.1344em;
  --mg-stripe-gap-1-em: 0.0830em;
  --mg-stripe-gap-2-em: 0.0711em;
  --mg-stripe-gap-3-em: 0.0632em;
  --mg-stripe-gap-4-em: 0.0553em;
  --mg-stripe-gap-5-em: 0.0514em;
  --mg-stripe-gap-6-em: 0.0435em;
  --mg-stripes: linear-gradient(180deg, currentColor 0% 5.138%, transparent 5.138% 13.439%, currentColor 13.439% 19.763%, transparent 19.763% 26.877%, currentColor 26.877% 34.783%, transparent 34.783% 41.107%, currentColor 41.107% 50.198%, transparent 50.198% 55.731%, currentColor 55.731% 65.613%, transparent 65.613% 70.751%, currentColor 70.751% 82.213%, transparent 82.213% 86.561%, currentColor 86.561% 100%);
}

[data-theme="light"] {
  color-scheme: light;
  --mg-bg: #F5F7FB;
  --mg-surface: #FFFFFF;
  --mg-muted: #EBEFF6;
  --mg-border: #D3DAE8;
  --mg-border-strong: #727E97;
  --mg-text: #0B1430;
  --mg-text-2: #46526B;
  --mg-text-disabled: #727E97;
  --mg-link: #0E5EBF;
  --mg-active: #0B2164;
  --mg-cta-bg: #0B2164;
  --mg-cta-fg: #A7FC02;
  --mg-cta-hover-bg: #1A3A99;
  --mg-brand-surface: #0B2164;
  --mg-on-brand: #E8EDF7;
  --mg-focus: #0E5EBF;
  --mg-on-solid: #FFFFFF;
  --mg-success: #06705F;
  --mg-success-bg: #E3F5F1;
  --mg-warning: #7A5000;
  --mg-warning-bg: #FBF1DC;
  --mg-danger: #B3122F;
  --mg-danger-bg: #FCE6EA;
  --mg-info: #0E5EBF;
  --mg-info-bg: #E3EDFA;
  --mg-ramp: linear-gradient(90deg, var(--mg-navy) 0.000% 16.667%, var(--mg-cobalt) 16.667% 33.333%, var(--mg-cyan) 33.333% 50.000%, var(--mg-teal) 50.000% 66.667%, var(--mg-lime) 66.667% 83.333%, var(--mg-acid) 83.333% 100.000%);
}

@media (prefers-color-scheme: light) {
  :root:not([data-theme="dark"]) {
    color-scheme: light;
    --mg-bg: #F5F7FB;
    --mg-surface: #FFFFFF;
    --mg-muted: #EBEFF6;
    --mg-border: #D3DAE8;
    --mg-border-strong: #727E97;
    --mg-text: #0B1430;
    --mg-text-2: #46526B;
    --mg-text-disabled: #727E97;
    --mg-link: #0E5EBF;
    --mg-active: #0B2164;
    --mg-cta-bg: #0B2164;
    --mg-cta-fg: #A7FC02;
    --mg-cta-hover-bg: #1A3A99;
    --mg-brand-surface: #0B2164;
    --mg-on-brand: #E8EDF7;
    --mg-focus: #0E5EBF;
    --mg-on-solid: #FFFFFF;
    --mg-success: #06705F;
    --mg-success-bg: #E3F5F1;
    --mg-warning: #7A5000;
    --mg-warning-bg: #FBF1DC;
    --mg-danger: #B3122F;
    --mg-danger-bg: #FCE6EA;
    --mg-info: #0E5EBF;
    --mg-info-bg: #E3EDFA;
    --mg-ramp: linear-gradient(90deg, var(--mg-navy) 0.000% 16.667%, var(--mg-cobalt) 16.667% 33.333%, var(--mg-cyan) 33.333% 50.000%, var(--mg-teal) 50.000% 66.667%, var(--mg-lime) 66.667% 83.333%, var(--mg-acid) 83.333% 100.000%);
  }
}

:focus-visible {
  outline: 2px solid var(--mg-focus);
  outline-offset: 2px;
}