/* GENERATED by dev/tools/build-tokens.mjs from brand-guide/de-tokens-2026.css. Do not edit. */
:root {
  --de26-azure:       #0593FF;
  --de26-azure-80:    #9ED5FF;
  --de26-azure-20:    #EDF6FE;
  --de26-sky:         #C9E7FE;
  --de26-sky-light:   #EDF6FE;
  --de26-space:    #004A87;
  --de26-space-80: color-mix(in srgb, #004A87 80%, white);
  --de26-space-60: color-mix(in srgb, #004A87 60%, white);
  --de26-space-40: color-mix(in srgb, #004A87 40%, white);
  --de26-bumblebee:    #FFC632;
  --de26-bumblebee-80: #FDD95B;
  --de26-bumblebee-20: #FDD95B;
  --de26-coral:        #FF6F61;
  --de26-coral-80:     #FAA378;
  --de26-jade:         #06C46A;
  --de26-orchid: #A077EE;
  --de26-bg:      #FFFFFF;
  --de26-surface: #F3F6F8;
  --de26-panel:   #EDF6FE;
  --de26-border:  #C7CED3;
  --de26-dim:     #5C6B78;
  --de26-fg:      #2B2B2B;
  --de26-dark-bg:      #004A87;
  --de26-dark-surface: #2B2B2B;
  --de26-dark-border:  rgba(255,255,255,0.15);
  --de26-dark-dim:     rgba(255,255,255,0.65);
  --de26-dark-fg:      #FFFFFF;
  --de26-black: #000000;
  --de26-white: #FFFFFF;
  --de26-gray:  #5C6B78;
  --de26-de-brand-blue: #004A87;
  --de26-hyperlink:     #046AB8;
  --de26-heading-color: #004A87;
  --de26-font-body:   'Proxima Vara', 'Helvetica Neue', Arial, sans-serif;
  --de26-font-script: 'Totally Terrific', 'Proxima Vara', cursive;
  --de26-heading-1:  4.25rem;  --de26-heading-2: 3.375rem; --de26-heading-3: 2.6875rem;
  --de26-heading-4:  2.1875rem; --de26-heading-5: 1.75rem; --de26-heading-6: 1.5rem;
  --de26-body-1: 1.125rem; --de26-body-2: 1rem; --de26-caption: 0.875rem; --de26-card-title: 1.25rem;
  --de26-mobile-heading-1: 2rem;
  --de26-mobile-heading-2: 1.75rem;
  --de26-mobile-heading-3: 1.625rem;
  --de26-letter-spacing-default: 0;
  --de26-gap-quarter: 2px; --de26-gap-half: 4px; --de26-gap-1x: 8px; --de26-gap-2x: 16px;
  --de26-gap-3x: 24px; --de26-gap-4x: 32px; --de26-gap-5x: 40px; --de26-gap-6x: 48px;
  --de26-gap-8x: 64px; --de26-gap-10x: 80px;
  --de26-success: #128725;
  --de26-warning: #DB7600;
  --de26-error:   #E32B2B;
  --de26-gradient-twirl: linear-gradient(100deg, #FF6F61 0%, #FFC632 35%, #0593FF 70%, #9ED5FF 100%);
  --de26-grain: url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.03'/%3E%3C/svg%3E");
  --de26-shadow-card: 0px 4px 26px 5px rgba(0, 0, 0, 0.1);
  --de26-shadow-card-hover: 0px 4px 26px 8px rgba(0, 0, 0, 0.15);
  --de26-shadow-dropdown: 0px 4px 15px 2px rgba(0, 0, 0, 0.1);
  --de26-shadow-sm: 0px 2px 6px rgba(0, 0, 0, 0.15);
  --de26-radius-badge: 4px;
  --de26-radius-button: 8px;
  --de26-radius-button-pill: 32px;
  --de26-radius-card: 24px;
  --de26-radius-default: 16px;
  --de26-transition-default: 0.25s ease-in-out;
}