/*
 * PORTL primitive tokens.
 */
:root {
  --colors-base-white: #ffffff;
  --colors-base-black: #000000;
  --colors-gray-25: #fcfcfd;
  --colors-gray-50: #f2f3f4;
  --colors-gray-100: #e5e7e8;
  --colors-gray-200: #cbced1;
  --colors-gray-300: #b2b6b8;
  --colors-gray-400: #989da3;
  --colors-gray-500: #7e858c;
  --colors-gray-600: #656a70;
  --colors-gray-700: #4c5054;
  --colors-gray-800: #323538;
  --colors-gray-900: #191b1c;
  --colors-gray-950: #0d0d0e;
  --colors-marketing-grey-25: #fcfdfd;
  --colors-marketing-grey-50: #fafbfc;
  --colors-marketing-grey-100: #f7f9fa;
  --colors-marketing-grey-200: #f4f7f9;
  --colors-marketing-grey-300: #eff4f5;
  --colors-marketing-grey-400: #e9f0f2;
  --colors-marketing-grey-500: #e4ecef;
  --colors-marketing-paper: #fdfdfb;
  /* Paper White's greys: the gray scale's lightness steps at Paper White's
     warmth, for surfaces on a Paper White page (Sherman, 10/21/2026). */
  --colors-paper-50: #f3f3f1;
  --colors-paper-100: #e7e7e5;
  --colors-paper-200: #cececc;
  --colors-paper-300: #b5b5b3;
  --colors-gray-dark-25: #e7e9ea;
  --colors-gray-dark-50: #d0d2d6;
  --colors-gray-dark-100: #b8bcc1;
  --colors-gray-dark-200: #a1a5ac;
  --colors-gray-dark-300: #898f98;
  --colors-gray-dark-400: #717883;
  --colors-gray-dark-500: #5a626e;
  --colors-gray-dark-600: #2b3545;
  --colors-gray-dark-700: #131e30;
  --colors-gray-dark-800: #0d1522;
  --colors-gray-dark-900: #0a0f18;
  --colors-gray-dark-950: #080c13;
  --colors-navy-25: #d2e2f0;
  --colors-navy-50: #c1d3e4;
  --colors-navy-100: #b0c5d7;
  --colors-navy-300: #8ea7be;
  --colors-navy-400: #6b8aa5;
  --colors-navy-500: #496c8c;
  --colors-navy-600: #274f73;
  --colors-navy-700: #1f3f5c;
  --colors-navy-800: #172f45;
  --colors-navy-900: #10202e;
  --colors-navy-950: #0c1823;
  --colors-brand-25: #ffefeb;
  --colors-brand-50: #ffe0d7;
  --colors-brand-100: #fed0c2;
  --colors-brand-200: #feb19a;
  --colors-brand-300: #fea186;
  --colors-brand-400: #fd815d;
  --colors-brand-500: #fd6235;
  --colors-brand-hover: #fd4712;
  --colors-brand-active: #ed3702;
  /* The portals' accent, its own named token: Brand/500 6% deeper, so the
     website keeps Brand/500 itself (Sherman, 10/21/2026). */
  --colors-portal-accent: #ee5c32;
  --colors-portal-accent-hover: #db552e;
  --colors-brand-600: #ca4e2a;
  --colors-brand-700: #983b20;
  --colors-brand-800: #652715;
  --colors-brand-900: #4c1d10;
  --colors-brand-950: #33140b;
  --colors-error-25: #fde9ed;
  --colors-error-50: #fbd3da;
  --colors-error-100: #f8bdc8;
  --colors-error-200: #f6a7b5;
  --colors-error-300: #f27b90;
  --colors-error-400: #ed4f6b;
  --colors-error-500: #e92346;
  --colors-error-600: #ba1c38;
  --colors-error-700: #8c152a;
  --colors-error-800: #5d0e1c;
  --colors-error-900: #460b15;
  --colors-error-950: #2f070e;
  --colors-warning-25: #fffbf1;
  --colors-warning-50: #fff8e4;
  --colors-warning-100: #fff4d6;
  --colors-warning-200: #fff0c9;
  --colors-warning-300: #ffe9ad;
  --colors-warning-400: #ffe192;
  --colors-warning-500: #ffda77;
  --colors-warning-600: #dcba5f;
  --colors-warning-700: #b89a47;
  --colors-warning-800: #957930;
  --colors-warning-900: #836924;
  --colors-warning-950: #715918;
  --colors-success-25: #eaf9f8;
  --colors-success-50: #d4f4f1;
  --colors-success-100: #bfeeea;
  --colors-success-200: #a9e8e3;
  --colors-success-300: #7eddd6;
  --colors-success-400: #53d1c8;
  --colors-success-500: #28c6ba;
  --colors-success-600: #209e95;
  --colors-success-700: #187770;
  --colors-success-800: #104f4a;
  --colors-success-900: #0c3b38;
  --colors-success-950: #082825;
  --colors-turquoise-500: #37d3db;
  --colors-turquoise-hover: #24bec6;
  --colors-turquoise-active: #1ca2a9;
  --colors-turquoise-ink: #1f3f5c;
  --colors-turquoise-text: #37d3db;
  --colors-accent-orange: #db3406;
  --colors-accent-teal: #37d3db;
  --colors-soft-aqua: #d4f9f5;
  --colors-pale-blue: #f2f9fc;
  --colors-tint-orange: #fff1ec;
  --colors-tint-orange-border: #fdd4c6;
  --colors-tint-orange-text: #9a3a1e;
  --colors-tint-blue: #eef5fb;
  --colors-tint-blue-border: #c4ddf0;
  --colors-tint-blue-text: #1f3f5c;
  --colors-tint-aqua: #e0f9fa;
  --colors-tint-aqua-border: #b6eaed;
  --colors-tint-aqua-text: #12787d;
  --colors-tint-yellow: #fff6e0;
  --colors-tint-yellow-border: #ffe6ab;
  --colors-tint-yellow-text: #8a6611;
  --colors-tint-lavender: #f6effb;
  --colors-tint-lavender-border: #ddc4ee;
  --colors-tint-lavender-text: #753b9b;
  --colors-tint-pink: #fdeef4;
  --colors-tint-pink-border: #f6cadb;
  --colors-tint-pink-text: #9a2a52;
  --colors-tint-mint: #ebf7e6;
  --colors-tint-mint-border: #c9e6bb;
  --colors-tint-mint-text: #3d6b1f;
  --colors-tint-grey: #f4f7f9;
  --colors-tint-grey-border: #e0e7eb;
  --colors-tint-grey-text: #4c5054;
  --colors-tint-red: #fdebee;
  --colors-tint-red-border: #f6c2cb;
  --colors-tint-red-text: #a3182e;
  --colors-text-heading-marketing: #274f73;
  --colors-text-subhead-marketing: #2670a8;
  --colors-text-body-marketing: #2b3a48;
  --colors-text-strong-marketing: #151516;
  --colors-text-muted-marketing: #667683;
  /* Halfway between body and muted text, in the same slate: the portals'
     secondary text, so labels sit a step above muted (Sherman, 10/21/2026). */
  --colors-text-secondary-marketing: #485765;
  --colors-text-faint-marketing: #8794a1;
  --colors-text-inverse-muted-marketing: #c1d3e4;
  --colors-tertiary-red: #e92346;
  --colors-tertiary-orange: #ff6440;
  --colors-tertiary-yellow: #ffda77;
  --colors-tertiary-turquoise: #58e4ea;
  --colors-tertiary-teal: #28c6ba;
  --colors-tertiary-lightblue: #00bdef;
  --colors-tertiary-purple: #b656f4;
  --colors-tertiary-blue: #2670a8;
  --colors-tertiary-pink: #ff6ebe;
  --spacing-0: 0px;
  --spacing-0-5: 2px;
  --spacing-1: 4px;
  --spacing-1-5: 6px;
  --spacing-2: 8px;
  --spacing-3: 12px;
  --spacing-4: 16px;
  --spacing-5: 20px;
  --spacing-6: 24px;
  --spacing-8: 32px;
  --spacing-10: 40px;
  --spacing-12: 48px;
  --spacing-16: 64px;
  --spacing-20: 80px;
  --spacing-24: 96px;
  --radius-none: 0px;
  --radius-xs: 2px;
  --radius-sm: 4px;
  --radius-md: 6px;
  --radius-lg: 8px;
  --radius-xl: 12px;
  --radius-2xl: 16px;
  --radius-full: 9999px;
  --container-sm: 640px;
  --container-md: 768px;
  --container-lg: 1024px;
  --font-size-xs: 0.75rem;
  --font-size-sm: 0.875rem;
  --font-size-base: 1rem;
  --font-size-lg: 1.125rem;
  --font-size-xl: 1.25rem;
  --font-size-2xl: 1.5rem;
  --font-size-3xl: 1.875rem;
  --font-size-4xl: 2.25rem;
  --line-height-tight: 1.15;
  --line-height-snug: 1.3;
  --line-height-normal: 1.5;
  --line-height-relaxed: 1.7;
  --line-height-5: 1.25rem;
  --shadow-xs: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  --shadow-sm:
    0 2px 4px 0 rgba(0, 0, 0, 0.04), 0 1px 2px 0 rgba(0, 0, 0, 0.06),
    0 0 1px 0 rgba(0, 0, 0, 0.06);
  --shadow-md: 0 4px 8px 0 rgba(0, 0, 0, 0.06), 0 2px 4px 0 rgba(0, 0, 0, 0.06);
  --shadow-lg:
    0 12px 24px 0 rgba(0, 0, 0, 0.08), 0 4px 8px 0 rgba(0, 0, 0, 0.06);
  --shadow-overlay:
    0 2px 8px 0 rgba(0, 0, 0, 0.06), 0 -6px 12px 0 rgba(0, 0, 0, 0.03),
    0 14px 28px 0 rgba(0, 0, 0, 0.08);
  /* The website's own shadows, navy-tinted to sit on Paper White. Website
     only (Sherman, 10/21/2026, obo-portals#655). */
  --shadow-marketing-sm:
    0 1px 2px color-mix(in srgb, var(--colors-navy-900) 6%, transparent),
    0 1px 3px color-mix(in srgb, var(--colors-navy-900) 5%, transparent);
  --shadow-marketing-md:
    0 6px 18px color-mix(in srgb, var(--colors-navy-900) 8%, transparent),
    0 2px 6px color-mix(in srgb, var(--colors-navy-900) 5%, transparent);
  --shadow-marketing-lg: 0 20px 50px
    color-mix(in srgb, var(--colors-navy-900) 16%, transparent);
  --shadow-marketing-menu:
    0 12px 32px color-mix(in srgb, var(--colors-navy-900) 14%, transparent),
    0 2px 8px color-mix(in srgb, var(--colors-navy-900) 8%, transparent);
  --z-base: 1;
  --z-sticky: 40;
  --z-header: 50;
  --z-dropdown: 60;
  --z-overlay: 80;
  --z-modal: 90;
  --z-toast: 100;
  --duration-fast: 0.12s;
  --duration-base: 0.18s;
  --duration-slow: 0.4s;
  --ease: cubic-bezier(0.2, 0.6, 0.2, 1);
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
}