/* REINSW source design tokens — extracted VERBATIM from the FAQ page inline <style> block 1
   (frozen T2 capture 22 Jul 2026; CMS-injected site token system; provenance:
   projects/reinsw-t2/chrome/src-inline-block1.css). Supersedes the hand-reconstructed
   theme-tokens.css guesses (D-T2 source-match round). Only edits vs verbatim: the three
   captured icon url()s point at the portal file-manager copies; --graphic kept verbatim
   (its asset was never fetched by the captured page). */
:root {

    --arrow-up: url(/hubfs/51688522/reinsw-t2/icons/arrow-up.svg);
    --arrow-down: url(/hubfs/51688522/reinsw-t2/icons/arrow-down.svg);
    --logo: url(/hubfs/51688522/reinsw-t2/icons/logo-white.svg);
    --graphic: url(/images/website/icon/theme/reinsw-graphic-element.svg);


--gradient-rotate: 45deg;

 
--royal-blue: #004B8B;
--royal-blue-dark: #092035;

 --royal-blue-gradient: linear-gradient(var(--gradient-rotate), var(--royal-blue), var(--royal-blue-dark));

 
--harbor-blue: #00476C;
--harbor-blue-dark: #092035;
--harbor-blue-gradient: linear-gradient(45deg, var(--harbor-blue), var(--harbor-blue-dark));

 
--reinsw-teal: #00BFB8;
--teal-dark: #1e4746;
--teal-gradient: linear-gradient(var(--gradient-rotate), var(--reinsw-teal), var(--teal-dark));

 
--reinsw-green: #009C49;
--green-dark: #1b4124;
--green-gradient: linear-gradient(var(--gradient-rotate), var(--reinsw-green), var(--green-dark));

 
--reinsw-orange: #FF8204;
--orange-dark: #5b3914;
--orange-gradient: linear-gradient(var(--gradient-rotate), var(--reinsw-orange), var(--orange-dark));

 
--reinsw-gold: #C2A956;
--gold-dark: #635023;
--gold-gradient: linear-gradient(var(--gradient-rotate), var(--reinsw-gold), var(--gold-dark));

 
--reinsw-purple: #901A9D;
--purple-dark: #331538;
--purple-gradient: linear-gradient(var(--gradient-rotate), var(--reinsw-purple), var(--purple-dark));

 --reinsw-silver: #A7A9B4;
--silver-dark: #494B4D;
--silver-gradient: linear-gradient(var(--gradient-rotate), var(--reinsw-silver), var(--silver-dark));

  --royal-blue-light: color-mix(in srgb, var(--royal-blue), transparent 90%);
    --harbor-blue-light: color-mix(in srgb, var(--harbor-blue), transparent 90%);
    --teal-light: color-mix(in srgb, var(--reinsw-teal), transparent 90%);
    --green-light: color-mix(in srgb, var(--reinsw-green), transparent 90%);
    --orange-light: color-mix(in srgb, var(--reinsw-orange), transparent 90%);
    --gold-light: color-mix(in srgb, var(--reinsw-gold), transparent 90%);
    --purple-light: color-mix(in srgb, var(--reinsw-purple), transparent 90%);
    --silver-light: color-mix(in srgb, var(--reinsw-silver), transparent 90%);


    --primary-color: var(--royal-blue);
     --primary-color-hover: color-mix(in srgb, var(--primary-color) 90%, white 10%);
    --primary-alt-dark: color-mix(in srgb, var(--primary-color) 90%, black 10%);
    --primary-alt-light: color-mix(in srgb, var(--primary-color) 90%, white 10%);
    --primary-image-filter: brightness(0) saturate(100%) invert(12%) sepia(93%) saturate(3851%) hue-rotate(195deg) brightness(96%) contrast(101%);


    --secondary-color: var(--harbor-blue);
   --secondary-color-hover: color-mix(in srgb, var(--secondary-color) 90%, white 10%);
    --secondary-alt-dark: color-mix(in srgb, var(--secondary-color) 90%, black 10%);
    --secondary-alt-light: color-mix(in srgb, var(--secondary-color) 90%, white 10%);
    --secondary-image-filter: brightness(0) saturate(100%) invert(17%) sepia(93%) saturate(1529%) hue-rotate(177deg) brightness(93%) contrast(104%);


    --tertiary-color: var(--reinsw-orange);
      --tertiary-color-hover: color-mix(in srgb, var(--tertiary-color) 90%, white 10%);
    --tertiary-alt-dark: color-mix(in srgb, var(--tertiary-color) 90%, black 10%);
    --tertiary-alt-light: color-mix(in srgb, var(--tertiary-color) 90%, white 10%);
    --tertiary-image-filter: brightness(0) saturate(100%) invert(55%) sepia(87%) saturate(2820%) hue-rotate(358deg) brightness(107%) contrast(100%);


    --grey-color: #e8edf4;
    --grey-alt-dark: color-mix(in srgb, var(--grey-color) 90%, black 10%);

    --black-color: #1A1818;

    --dark-color: var(--black-color);
    --dark-image-filter: invert(9%) sepia(72%) saturate(6625%) hue-rotate(190deg) brightness(95%) contrast(100%);

    --red-color: red;
    --white-color: #fff;
    --selection-color: var(--royal-blue);
 

        --padding: calc(1.5rem * 2);
    --row-padding: calc(var(--padding) * 2);
    --row-margin: calc(var(--padding) * 2);
    --tab-size: 1em;
    --button-padding: 0.75em 1.5em;

    --button-border-radius: 0.5rem;
    --border-radius: 0.5rem;
    --item-border-radius: 0.5rem;

    --input-border: 0.05rem var(--grey-alt-dark) solid;
    --border: 0.05rem var(--grey-alt-dark) solid;

    --box-shadow: 0.2rem 0.3rem 2rem 0 rgb(0 0 0 / 11%);
    --box-shadow: inset 0 0 0 0.1rem var(--grey-alt-dark);

    --button-box-shadow: 0px 0px 0px 0px inset currentColor;
    --button-box-shadow-hover: 0px 0px 0px 0.15rem inset currentColor;

 
    --lrg-p-text: 2rem;
    --mid-p-text: 1.8rem;
    --sml-p-text: 1.6rem;
    --desiredwidth-var: 145rem;
    --width-var: calc(100vw - var(--desiredwidth-var));
    --fullwidth-var: calc(100%);
    --currentwidth-var: calc(100vw);
 
    }

@media (max-width: 992.98px) {
:root {
        --padding: calc(1.5rem * 1);
    }
}