/* GENERATED by scripts/build-tokens.mjs from tokens/flex-color-base.json. Do not edit by hand. */
/* Flex Color Base, kredivo brand. Components use these semantic tokens (or the app roles in theme.css), never --flex-* primitives. */
:root{
  --flex-neutral-0:#FFFFFF; --flex-neutral-50:#FCFCFC; --flex-neutral-100:#F5F5F5; --flex-neutral-150:#ECEEF1; --flex-neutral-200:#E3E6EA; --flex-neutral-250:#C5CAD5; --flex-neutral-300:#B2BBC6; --flex-neutral-350:#909DAD; --flex-neutral-400:#546881; --flex-neutral-450:#47586E; --flex-neutral-500:#344059; --flex-neutral-550:#2C364C; --flex-neutral-600:#262F41; --flex-neutral-700:#2F3844; --flex-neutral-800:#2D323B; --flex-neutral-850:#22272F; --flex-neutral-900:#1C1F23;
  --flex-blue-0:#F5FBFF; --flex-blue-100:#E8F6FF; --flex-blue-200:#CFEAF9; --flex-blue-250:#4ECDF9; --flex-blue-350:#44B8E2; --flex-blue-400:#239CEC; --flex-blue-500:#0064D2; --flex-blue-700:#003C7E; --flex-blue-800:#1D3451; --flex-blue-900:#112339;
  --flex-orange-0:#FEF2E6; --flex-orange-100:#FEECDA; --flex-orange-200:#FDD7B2; --flex-orange-300:#F87F06; --flex-orange-400:#F96706; --flex-orange-500:#C75205; --flex-orange-600:#953E04; --flex-orange-700:#702E03; --flex-orange-800:#572402; --flex-orange-900:#2F1300;
  --flex-red-0:#FFEEEC; --flex-red-100:#FCE1E0; --flex-red-300:#EB7780; --flex-red-400:#E02D3C; --flex-red-700:#4E1015; --flex-red-800:#2F1112;
  --flex-yellow-0:#FFF6DE; --flex-yellow-100:#FFEFC4; --flex-yellow-300:#FFCC40; --flex-yellow-500:#BF862D; --flex-yellow-700:#593F15; --flex-yellow-800:#403210;
  --flex-green-0:#E9FBEE; --flex-green-100:#D6F2DD; --flex-green-200:#A6EDBA; --flex-green-300:#26D658; --flex-green-400:#22C14F; --flex-green-500:#1DA142; --flex-green-700:#116028; --flex-green-800:#0D4B1F; --flex-green-900:#032F21;
  --flex-purple-0:#FFF6FF; --flex-purple-100:#F7DFF6; --flex-purple-250:#C6A3F0; --flex-purple-400:#8753E7; --flex-purple-500:#785FDA; --flex-purple-700:#493A87; --flex-purple-800:#362B62;
  --flex-magenta-0:#FFF0F2; --flex-magenta-100:#FFE2EA; --flex-magenta-300:#F07BA8; --flex-magenta-400:#ED3B80; --flex-magenta-800:#421E2D; --flex-magenta-900:#311C28;
}
:root,[data-theme="light"]{
  color-scheme:light;
  --text-primary:var(--flex-neutral-900);
  --text-secondary:var(--flex-neutral-400);
  --text-tertiary:var(--flex-neutral-350);
  --text-disabled:var(--flex-neutral-300);
  --text-brand-primary:var(--flex-blue-400);
  --text-brand-secondary:var(--flex-orange-400);
  --text-danger:var(--flex-red-400);
  --text-warning:var(--flex-yellow-500);
  --text-success:var(--flex-green-500);
  --text-info:var(--flex-purple-500);
  --text-promo:var(--flex-magenta-400);
  --text-primary-static:var(--flex-neutral-900);
  --text-invert:var(--flex-neutral-50);
  --text-invert-static:var(--flex-neutral-50);
  --shape-neutral-strong:var(--flex-neutral-500);
  --shape-neutral-default:var(--flex-neutral-300);
  --shape-neutral-soft:var(--flex-neutral-200);
  --shape-neutral-subtle:var(--flex-neutral-150);
  --shape-divider:var(--flex-blue-0);
  --shape-disabled:var(--flex-neutral-250);
  --shape-neutral-static:var(--flex-neutral-0);
  --shape-brand-primary-strong:var(--flex-blue-400);
  --shape-brand-primary-soft:var(--flex-blue-200);
  --shape-brand-primary-subtle:var(--flex-blue-100);
  --shape-brand-primary-static:var(--flex-blue-500);
  --shape-brand-secondary-strong:var(--flex-orange-400);
  --shape-brand-secondary-soft:var(--flex-orange-200);
  --shape-brand-secondary-subtle:var(--flex-orange-0);
  --shape-brand-secondary-static:var(--flex-orange-400);
  --shape-warning-strong:var(--flex-yellow-300);
  --shape-warning-soft:var(--flex-yellow-100);
  --shape-warning-subtle:var(--flex-yellow-0);
  --shape-danger-strong:var(--flex-red-400);
  --shape-danger-soft:var(--flex-red-100);
  --shape-danger-subtle:var(--flex-red-0);
  --shape-success-strong:var(--flex-green-400);
  --shape-success-soft:var(--flex-green-100);
  --shape-success-subtle:var(--flex-green-0);
  --shape-info-strong:var(--flex-purple-400);
  --shape-info-soft:var(--flex-purple-100);
  --shape-info-subtle:var(--flex-purple-0);
  --shape-promo-strong:var(--flex-magenta-400);
  --shape-promo-soft:var(--flex-magenta-100);
  --shape-promo-subtle:var(--flex-magenta-0);
  --shape-jawara-strong:var(--flex-neutral-900);
  --shape-jawara-default:var(--flex-neutral-500);
  --shape-finalis-strong:var(--flex-purple-700);
  --shape-finalis-default:var(--flex-purple-500);
  --shape-senior-strong:var(--flex-green-700);
  --shape-senior-default:var(--flex-green-500);
  --shape-junior-strong:var(--flex-blue-700);
  --shape-junior-default:var(--flex-blue-400);
  --shape-overlay-strong:rgb(232 246 255 / 0.3);
  --shape-overlay-soft:rgb(232 246 255 / 0.2);
  --shape-overlay-subtle:rgb(232 246 255 / 0.1);
  --page-surface-primary:var(--flex-neutral-0);
  --page-background-primary:var(--flex-neutral-0);
  --page-background-secondary:var(--flex-neutral-50);
  --page-background-tertiary:var(--flex-blue-0);
  --page-background-invert:var(--flex-neutral-850);
  --page-background-invert-static:var(--flex-neutral-850);
  --page-header-primary-strong-top:var(--flex-blue-250);
  --page-header-primary-strong-bottom:var(--flex-blue-500);
  --page-header-primary-soft-top:var(--flex-blue-200);
  --page-header-primary-soft-bottom:var(--flex-blue-0);
  --page-header-secondary-strong-top:var(--flex-orange-300);
  --page-header-secondary-strong-bottom:var(--flex-orange-400);
  --page-header-secondary-soft-top:var(--flex-orange-100);
  --page-header-secondary-soft-bottom:var(--flex-orange-0);
  --page-header-success-subtle-top:var(--flex-green-0);
  --page-header-warning-subtle-top:var(--flex-yellow-0);
  --page-header-danger-subtle-top:var(--flex-red-0);
  --sheet-surface-primary:var(--flex-neutral-0);
  --sheet-background-primary:var(--flex-neutral-0);
  --sheet-background-secondary:var(--flex-neutral-50);
  --sheet-background-tertiary:var(--flex-blue-0);
  --sheet-backdrop:rgb(28 31 35 / 0.8);
}
@media (prefers-color-scheme: dark){
  :root:not([data-theme="light"]){
    color-scheme:dark;
    --text-primary:var(--flex-neutral-50);
    --text-secondary:var(--flex-neutral-200);
    --text-tertiary:var(--flex-neutral-300);
    --text-disabled:var(--flex-neutral-450);
    --text-brand-primary:var(--flex-blue-350);
    --text-brand-secondary:var(--flex-orange-300);
    --text-danger:var(--flex-red-300);
    --text-warning:var(--flex-yellow-300);
    --text-success:var(--flex-green-300);
    --text-info:var(--flex-purple-250);
    --text-promo:var(--flex-magenta-300);
    --text-primary-static:var(--flex-neutral-900);
    --text-invert:var(--flex-neutral-400);
    --text-invert-static:var(--flex-neutral-50);
    --shape-neutral-strong:var(--flex-neutral-150);
    --shape-neutral-default:var(--flex-neutral-450);
    --shape-neutral-soft:var(--flex-neutral-500);
    --shape-neutral-subtle:var(--flex-neutral-800);
    --shape-divider:var(--flex-blue-900);
    --shape-disabled:var(--flex-neutral-550);
    --shape-neutral-static:var(--flex-neutral-0);
    --shape-brand-primary-strong:var(--flex-blue-350);
    --shape-brand-primary-soft:var(--flex-blue-700);
    --shape-brand-primary-subtle:var(--flex-blue-800);
    --shape-brand-primary-static:var(--flex-blue-500);
    --shape-brand-secondary-strong:var(--flex-orange-300);
    --shape-brand-secondary-soft:var(--flex-orange-600);
    --shape-brand-secondary-subtle:var(--flex-orange-800);
    --shape-brand-secondary-static:var(--flex-orange-400);
    --shape-warning-strong:var(--flex-yellow-300);
    --shape-warning-soft:var(--flex-yellow-700);
    --shape-warning-subtle:var(--flex-yellow-800);
    --shape-danger-strong:var(--flex-red-400);
    --shape-danger-soft:var(--flex-red-700);
    --shape-danger-subtle:var(--flex-red-800);
    --shape-success-strong:var(--flex-green-400);
    --shape-success-soft:var(--flex-green-700);
    --shape-success-subtle:var(--flex-green-800);
    --shape-info-strong:var(--flex-purple-400);
    --shape-info-soft:var(--flex-purple-700);
    --shape-info-subtle:var(--flex-purple-800);
    --shape-promo-strong:var(--flex-magenta-400);
    --shape-promo-soft:var(--flex-magenta-800);
    --shape-promo-subtle:var(--flex-magenta-900);
    --shape-jawara-strong:var(--flex-neutral-900);
    --shape-jawara-default:var(--flex-neutral-500);
    --shape-finalis-strong:var(--flex-purple-700);
    --shape-finalis-default:var(--flex-purple-500);
    --shape-senior-strong:var(--flex-green-700);
    --shape-senior-default:var(--flex-green-500);
    --shape-junior-strong:var(--flex-blue-700);
    --shape-junior-default:var(--flex-blue-400);
    --shape-overlay-strong:rgb(232 246 255 / 0.2);
    --shape-overlay-soft:rgb(232 246 255 / 0.1);
    --shape-overlay-subtle:rgb(232 246 255 / 0.08);
    --page-surface-primary:var(--flex-neutral-900);
    --page-background-primary:var(--flex-neutral-850);
    --page-background-secondary:var(--flex-neutral-800);
    --page-background-tertiary:var(--flex-neutral-700);
    --page-background-invert:var(--flex-neutral-100);
    --page-background-invert-static:var(--flex-neutral-850);
    --page-header-primary-strong-top:var(--flex-blue-500);
    --page-header-primary-strong-bottom:var(--flex-blue-800);
    --page-header-primary-soft-top:var(--flex-blue-700);
    --page-header-primary-soft-bottom:var(--flex-blue-900);
    --page-header-secondary-strong-top:var(--flex-orange-500);
    --page-header-secondary-strong-bottom:var(--flex-orange-700);
    --page-header-secondary-soft-top:var(--flex-orange-800);
    --page-header-secondary-soft-bottom:var(--flex-orange-900);
    --page-header-success-subtle-top:var(--flex-green-800);
    --page-header-warning-subtle-top:var(--flex-yellow-800);
    --page-header-danger-subtle-top:var(--flex-red-800);
    --sheet-surface-primary:var(--flex-neutral-850);
    --sheet-background-primary:var(--flex-neutral-800);
    --sheet-background-secondary:var(--flex-neutral-700);
    --sheet-background-tertiary:var(--flex-neutral-600);
    --sheet-backdrop:rgb(28 31 35 / 0.8);
  }
}
[data-theme="dark"]{
  color-scheme:dark;
  --text-primary:var(--flex-neutral-50);
  --text-secondary:var(--flex-neutral-200);
  --text-tertiary:var(--flex-neutral-300);
  --text-disabled:var(--flex-neutral-450);
  --text-brand-primary:var(--flex-blue-350);
  --text-brand-secondary:var(--flex-orange-300);
  --text-danger:var(--flex-red-300);
  --text-warning:var(--flex-yellow-300);
  --text-success:var(--flex-green-300);
  --text-info:var(--flex-purple-250);
  --text-promo:var(--flex-magenta-300);
  --text-primary-static:var(--flex-neutral-900);
  --text-invert:var(--flex-neutral-400);
  --text-invert-static:var(--flex-neutral-50);
  --shape-neutral-strong:var(--flex-neutral-150);
  --shape-neutral-default:var(--flex-neutral-450);
  --shape-neutral-soft:var(--flex-neutral-500);
  --shape-neutral-subtle:var(--flex-neutral-800);
  --shape-divider:var(--flex-blue-900);
  --shape-disabled:var(--flex-neutral-550);
  --shape-neutral-static:var(--flex-neutral-0);
  --shape-brand-primary-strong:var(--flex-blue-350);
  --shape-brand-primary-soft:var(--flex-blue-700);
  --shape-brand-primary-subtle:var(--flex-blue-800);
  --shape-brand-primary-static:var(--flex-blue-500);
  --shape-brand-secondary-strong:var(--flex-orange-300);
  --shape-brand-secondary-soft:var(--flex-orange-600);
  --shape-brand-secondary-subtle:var(--flex-orange-800);
  --shape-brand-secondary-static:var(--flex-orange-400);
  --shape-warning-strong:var(--flex-yellow-300);
  --shape-warning-soft:var(--flex-yellow-700);
  --shape-warning-subtle:var(--flex-yellow-800);
  --shape-danger-strong:var(--flex-red-400);
  --shape-danger-soft:var(--flex-red-700);
  --shape-danger-subtle:var(--flex-red-800);
  --shape-success-strong:var(--flex-green-400);
  --shape-success-soft:var(--flex-green-700);
  --shape-success-subtle:var(--flex-green-800);
  --shape-info-strong:var(--flex-purple-400);
  --shape-info-soft:var(--flex-purple-700);
  --shape-info-subtle:var(--flex-purple-800);
  --shape-promo-strong:var(--flex-magenta-400);
  --shape-promo-soft:var(--flex-magenta-800);
  --shape-promo-subtle:var(--flex-magenta-900);
  --shape-jawara-strong:var(--flex-neutral-900);
  --shape-jawara-default:var(--flex-neutral-500);
  --shape-finalis-strong:var(--flex-purple-700);
  --shape-finalis-default:var(--flex-purple-500);
  --shape-senior-strong:var(--flex-green-700);
  --shape-senior-default:var(--flex-green-500);
  --shape-junior-strong:var(--flex-blue-700);
  --shape-junior-default:var(--flex-blue-400);
  --shape-overlay-strong:rgb(232 246 255 / 0.2);
  --shape-overlay-soft:rgb(232 246 255 / 0.1);
  --shape-overlay-subtle:rgb(232 246 255 / 0.08);
  --page-surface-primary:var(--flex-neutral-900);
  --page-background-primary:var(--flex-neutral-850);
  --page-background-secondary:var(--flex-neutral-800);
  --page-background-tertiary:var(--flex-neutral-700);
  --page-background-invert:var(--flex-neutral-100);
  --page-background-invert-static:var(--flex-neutral-850);
  --page-header-primary-strong-top:var(--flex-blue-500);
  --page-header-primary-strong-bottom:var(--flex-blue-800);
  --page-header-primary-soft-top:var(--flex-blue-700);
  --page-header-primary-soft-bottom:var(--flex-blue-900);
  --page-header-secondary-strong-top:var(--flex-orange-500);
  --page-header-secondary-strong-bottom:var(--flex-orange-700);
  --page-header-secondary-soft-top:var(--flex-orange-800);
  --page-header-secondary-soft-bottom:var(--flex-orange-900);
  --page-header-success-subtle-top:var(--flex-green-800);
  --page-header-warning-subtle-top:var(--flex-yellow-800);
  --page-header-danger-subtle-top:var(--flex-red-800);
  --sheet-surface-primary:var(--flex-neutral-850);
  --sheet-background-primary:var(--flex-neutral-800);
  --sheet-background-secondary:var(--flex-neutral-700);
  --sheet-background-tertiary:var(--flex-neutral-600);
  --sheet-backdrop:rgb(28 31 35 / 0.8);
}