:root {
	--dfx-obsidian:        #141E2C;
	--dfx-baltic:          #234F7C;
	--dfx-powder:          #A9BDD1;
	--dfx-stone:           #D6D2C4;
	--dfx-brass:           #B5A46A;
	--dfx-brass-hover:     #AB9754;
	--dfx-ink-black:       #141E2C;
	--dfx-graphite-black:  #2B2F36;
	--dfx-slate-graphite:  #424752;
	--dfx-pewter:          #676E7E;
	--dfx-nickel:          #6F7688;
	--dfx-steel-gray:      #9AA0A6;
	--dfx-soft-stone:      #C8CBCF;
	--dfx-signal-white:    #F5F6F7;
	--dfx-arc:             #2E9FD4;
	--dfx-arc-hover:       #2185B4;
	--dfx-cyan:            #0BBCD4;
	--dfx-cyan-hover:      #09A0B5;
	--dfx-signal:          #14C4B5;
	--dfx-info:            #5B8FD4;
	--dfx-saffron:         #E8A030;
	--dfx-ember:           #E05C5C;
	--dfx-success:         #27BE69;
	--dfx-forest:          #4A7A55;
	--dfx-gold:            #C5A84D;
	--dfx-amber:           #C47E3A;
	--dfx-sienna:          #A0522D;
	--dfx-verdigris:       #3DA89F;
	--dfx-teal:            #1F6B64;
	--dfx-seafoam:         #8ECDC7;
	--dfx-mist:            #E2F3F1;
	--dfx-violet:          #6258A8;
	--dfx-indigo:          #3A3270;
	--dfx-thistle:         #A9A3D0;
	--dfx-dusk:            #EAE8F4;
	--dfx-iris:            #7B5EA7;
	--dfx-rose:            #C45E7A;
	--dfx-cream:           #F3EDE4;
	--dfx-pebble:          #DDD0BC;
	--dfx-sand:            #B09878;
	--dfx-umber:           #6E5840;
	--dfx-color-heading:         var(--dfx-graphite-black);
	--dfx-color-body:            var(--dfx-slate-graphite);
	--dfx-color-text:            var(--dfx-obsidian);
	--dfx-color-text-muted:      var(--dfx-pewter);
	--dfx-color-surface:         var(--dfx-signal-white);
	--dfx-color-brand:           var(--dfx-baltic);
	--dfx-color-action:          var(--dfx-arc);
	--dfx-color-action-hover:    var(--dfx-arc-hover);
	--dfx-color-cta:             var(--dfx-obsidian);
	--dfx-color-cta-hover:       var(--dfx-baltic);
	--dfx-color-cta-text:        var(--dfx-signal-white);
	--dfx-color-cta-on-dark:       var(--dfx-brass);
	--dfx-color-cta-on-dark-hover: var(--dfx-brass-hover);
	--dfx-color-cta-on-dark-text:  var(--dfx-obsidian);
	--dfx-color-link:            #0072E0;
	--dfx-color-link-hover:      #0068CC;
	--dfx-color-border:          var(--dfx-soft-stone);
	--dfx-color-border-subtle:   #E3E5E7;
	--dfx-color-surface-raised:  #FFFFFF;
	--dfx-color-surface-inverse: var(--dfx-obsidian);
	--dfx-color-focus:           var(--dfx-arc);
	--dfx-blue-400:              #1A8EFF;
	--dfx-blue-500:              #0072E0;
	--dfx-blue-600:              #005BB3;
	--dfx-blue-700:              #004385;
	--dfx-grey-200:              #DADCDF;
	--dfx-grey-500:              #7D828A;
	--dfx-control-border:          rgba(0, 0, 0, 0.25);
	--dfx-control-border-hover:    rgba(0, 0, 0, 0.33);
	--dfx-control-border-disabled: rgba(0, 0, 0, 0.10);
	--dfx-control-border-focus:    var(--dfx-blue-600);
	--dfx-control-border-width:    1px;
	--dfx-control-focus-ring:       var(--dfx-blue-500);
	--dfx-control-focus-ring-width: 2px;
	--dfx-control-focus-ring-gap:   2px;
	--dfx-control-disabled-fill:  var(--dfx-grey-200);
	--dfx-control-disabled-text:  var(--dfx-grey-500);
	--dfx-control-selected:        var(--dfx-blue-600);
	--dfx-control-selected-hover:  var(--dfx-blue-700);
	--dfx-control-on-selected:     #FFFFFF;
	--dfx-control-radius:      8px;
	--dfx-control-radius-box:  4px;
	--dfx-control-box-size:    1.125rem;
	--dfx-control-transition:  130ms ease;
	--dfx-control-border-on-dark:          rgba(255, 255, 255, 0.25);
	--dfx-control-border-hover-on-dark:    rgba(255, 255, 255, 0.33);
	--dfx-control-border-disabled-on-dark: rgba(255, 255, 255, 0.10);
	--dfx-control-border-focus-on-dark:    var(--dfx-blue-400);
	--dfx-control-focus-ring-on-dark:      var(--dfx-blue-400);
	--dfx-control-selected-on-dark:        var(--dfx-blue-400);
	--dfx-control-selected-hover-on-dark:  #52AAFF;
	--dfx-control-on-selected-on-dark:     var(--dfx-obsidian);
	--dfx-control-disabled-fill-on-dark:   var(--dfx-soft-stone);
	--dfx-control-disabled-text-on-dark:   #5F656E;
	--dfx-field-fill-on-dark:              var(--dfx-obsidian);
	--dfx-field-text-on-dark:              #ECEDEF;
	--dfx-field-placeholder-on-dark:       #9AA0A6;
	--dfx-field-height:          3rem;
	--dfx-field-height-compact:  2.5rem;
	--dfx-field-pad-x:           0.75rem;
	--dfx-field-radius:          var(--dfx-control-radius);
	--dfx-field-icon-slot:       2rem;
	--dfx-field-fill:            #FFFFFF;
	--dfx-field-border:          var(--dfx-control-border);
	--dfx-field-border-hover:    var(--dfx-control-border-hover);
	--dfx-field-text:            var(--dfx-color-body);
	--dfx-field-placeholder:     var(--dfx-color-text-muted);
	--dfx-red-50:                #FFF0EF;
	--dfx-red-300:               #E77069;
	--dfx-red-500:               #BD271E;
	--dfx-red-600:               #961F18;
	--dfx-field-border-error:    var(--dfx-red-500);
	--dfx-field-fill-error:      var(--dfx-red-50);
	--dfx-field-helper-error:    var(--dfx-red-500);
	--dfx-field-icon-error:      var(--dfx-red-600);
	--dfx-field-border-error-on-dark: var(--dfx-red-300);
	--dfx-field-fill-error-on-dark:   rgba(223, 62, 53, 0.14);
	--dfx-field-helper-error-on-dark: var(--dfx-red-300);
	--dfx-field-icon-error-on-dark:   var(--dfx-red-300);
	--dfx-alert-error-fill:      var(--dfx-red-50);
	--dfx-alert-error-accent:    var(--dfx-red-500);
	--dfx-alert-error-title:     var(--dfx-red-600);
	--dfx-alert-error-fill-on-dark:   rgba(223, 62, 53, 0.14);
	--dfx-alert-error-accent-on-dark: var(--dfx-red-300);
	--dfx-alert-error-title-on-dark:  var(--dfx-red-300);
	--dfx-alert-accent-width:    6px;
	--dfx-alert-radius:          8px;
	--dfx-alert-inset:           1rem;
	--dfx-icon-error: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M8 0a8 8 0 1 0 0 16A8 8 0 0 0 8 0ZM7.1 4h1.8v5.2H7.1zM7.1 10.6h1.8v1.8H7.1z'/%3E%3C/svg%3E");
	--dfx-icon-check-on-light: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23FFFFFF' stroke-width='2.25' stroke-linecap='round' stroke-linejoin='round' d='M3.5 8.4l3.1 3.1 5.9-6'/%3E%3C/svg%3E");
	--dfx-icon-check-on-dark:  url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23141E2C' stroke-width='2.25' stroke-linecap='round' stroke-linejoin='round' d='M3.5 8.4l3.1 3.1 5.9-6'/%3E%3C/svg%3E");
	--dfx-icon-check:          var(--dfx-icon-check-on-light);
	--dfx-footer-link:           var(--dfx-nickel);
	--dfx-footer-link-hover:     var(--dfx-slate-graphite);
	--dfx-nav-link:              rgba(255, 255, 255, 0.8);
	--dfx-nav-link-hover:        #FFFFFF;
	--dfx-nav-logo-gap:          1.5rem;
	--dfx-utility-nav-pad:       15px;
	--dfx-btn-secondary-fill:         transparent;
	--dfx-btn-secondary-fill-hover:   rgba(255, 255, 255, 0.10);
	--dfx-btn-secondary-border:       rgba(255, 255, 255, 0.8);
	--dfx-btn-secondary-border-hover: #FFFFFF;
	--dfx-btn-secondary-text:         rgba(255, 255, 255, 0.8);
	--dfx-btn-secondary-text-hover:   #FFFFFF;
	--dfx-btn-inverted-fill:          var(--dfx-signal-white);
	--dfx-btn-inverted-fill-hover:    var(--dfx-soft-stone);
	--dfx-btn-inverted-text:          var(--dfx-obsidian);
	--dfx-font-body: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
	--dfx-font-heading: "Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
	--dfx-font-display: var(--dfx-font-heading);
	--dfx-weight-display: 600;
	--dfx-weight-display-2: 600;
	--dfx-weight-body:        400;
	--dfx-weight-emphasis:    600;
	--dfx-weight-heading:     600;
	--dfx-weight-heading-light: var(--dfx-weight-heading);
	--dfx-radius-raised:         1.25rem;
	--dfx-shadow-raised:         0 2px 8px rgba(0, 0, 0, 0.08), 0 1px 2px rgba(0, 0, 0, 0.05);
	--dfx-shadow-raised-hover:   0 8px 24px rgba(0, 0, 0, 0.10), 0 3px 6px rgba(0, 0, 0, 0.07);
	--dfx-line-height-body:    1.6;
	--dfx-line-height-heading: 1.35;
	--dfx-line-height-heading-small: 1.4;
	--dfx-line-height-display: 1.2;
	--dfx-line-height-h1: clamp(2.75rem, calc(0.322rem + 4.457vw), 3.75rem);
	--dfx-line-height-h2: 1.3;
	--dfx-letter-spacing-display: -0.035em;
	--dfx-letter-spacing-h1: -0.03em;
	--dfx-letter-spacing-heading: -0.02em;
	--dfx-letter-spacing-heading-small: -0.01em;
	--dfx-size-h1: clamp(2.125rem, 3.9vw, 3rem);
	--dfx-size-h2: 2rem;
	--dfx-size-h3: 1.5rem;
	--dfx-size-h4: 1.25rem;
	--dfx-size-h5: 1.125rem;
	--dfx-size-h6: 1rem;
	--dfx-size-display: clamp(3.25rem, 5.2vw, 4rem);
	--dfx-size-label: 0.8125rem;
	--dfx-size-body:    1rem;
	--dfx-size-body-sm: 0.875rem;
	--dfx-size-caption: 0.8125rem;
	--dfx-size-micro:   0.75rem;
	--dfx-line-height-ui: 1.45;
	--dfx-letter-spacing-micro: 0.01em;
	--dfx-container-width: var(--container-width, 1425px);
}