:root {

  --re-bg-deep:    #010309;
  --re-bg-surface: #0A1D3B;
  --re-primary:    #0B4FD8;
  --re-accent:     #3FC6FF;
  --re-text:       #E2E3E4;
  --re-text-muted: #9AA6B8;
  --re-white:      #FFFFFF;

  --re-primary-rgb: 11, 79, 216;
  --re-accent-rgb:  63, 198, 255;
  --re-surface-rgb: 10, 29, 59;
  --re-deep-rgb:    1, 3, 9;

  --re-gradient:      linear-gradient(90deg, var(--re-primary), var(--re-accent));
  --re-gradient-diag: linear-gradient(120deg, var(--re-primary) 0%, var(--re-accent) 100%);
  --re-border:        rgba(var(--re-primary-rgb), .35);
  --re-border-strong: rgba(var(--re-primary-rgb), .6);
  --re-line:          rgba(226, 227, 228, .08);
  --re-line-strong:   rgba(226, 227, 228, .16);
  --re-text-faint:    rgba(226, 227, 228, .38);
  --re-text-dim:      rgba(226, 227, 228, .2);
  --re-glow:          0 0 28px rgba(var(--re-primary-rgb), .45);
  --re-glow-strong:   0 0 36px rgba(var(--re-primary-rgb), .6), 0 0 10px rgba(var(--re-primary-rgb), .45);
  --re-surface-glass: rgba(var(--re-surface-rgb), .72);
  --re-seam-a:        .14;
  --re-seam-b:        .1;

  --re-font-display: "Archivo", "Arial Narrow", sans-serif;
  --re-font-body:    "Inter Tight", "Helvetica Neue", Arial, sans-serif;

  --re-fw-regular: 400;
  --re-fw-medium:  500;
  --re-fw-semi:    600;
  --re-fw-bold:    700;
  --re-fw-xbold:   800;

  --re-fs-hero:  clamp(2.3rem, 1.55rem + 3.3vw, 4.4rem);
  --re-fs-h1:    clamp(2.2rem, 1.5rem + 3.1vw, 4.2rem);
  --re-fs-h2:    clamp(1.8rem, 1.35rem + 1.9vw, 2.9rem);
  --re-fs-h3:    clamp(1.25rem, 1.1rem + .6vw, 1.6rem);
  --re-fs-h4:    clamp(1.05rem, 1rem + .25vw, 1.2rem);
  --re-fs-lead:  clamp(1.075rem, 1rem + .35vw, 1.3rem);
  --re-fs-body:  clamp(1rem, .96rem + .18vw, 1.125rem);
  --re-fs-small: .9rem;
  --re-fs-label: .78rem;

  --re-lh-tight: 1.02;
  --re-lh-head:  1.15;
  --re-lh-body:  1.6;

  --re-ls-caps:  .06em;
  --re-ls-label: .16em;

  --re-space-1: .25rem;
  --re-space-2: .5rem;
  --re-space-3: .75rem;
  --re-space-4: 1rem;
  --re-space-5: 1.5rem;
  --re-space-6: 2rem;
  --re-space-7: 3rem;
  --re-space-8: 4rem;
  --re-space-9: 6rem;
  --re-section: clamp(4rem, 2.6rem + 3.8vw, 7rem);
  --re-gutter:  clamp(1rem, .5rem + 2.5vw, 2.5rem);
  --re-container: 1240px;

  --re-radius-s: 4px;
  --re-radius:   8px;
  --re-radius-l: 14px;
  --re-cut:      clamp(28px, 4vw, 64px);
  --re-corner:   22px;

  --re-ease:     cubic-bezier(.2, .7, .2, 1);
  --re-ease-out: cubic-bezier(.16, 1, .3, 1);
  --re-dur:      .35s;
  --re-dur-slow: .9s;

  --re-z-header: 50;
  --re-z-menu:   45;
  --re-z-bar:    40;
}

:root[data-palette^="orange"] {
  --re-primary:    #A85002;
  --re-accent:     #F9AC22;
  --re-primary-rgb: 168, 80, 2;
  --re-accent-rgb:  249, 172, 34;
}

:root[data-palette="orange"] {
  --re-bg-deep:    #01051D;
  --re-bg-surface: #06264A;
  --re-surface-rgb: 6, 38, 74;
  --re-deep-rgb:    1, 5, 29;
  --re-seam-a: .2;
  --re-seam-b: .15;
}

:root[data-palette="orange-warm"] {
  --re-bg-deep:    #0B0705;
  --re-bg-surface: #2B1608;
  --re-text-muted: #B5A89A;
  --re-surface-rgb: 43, 22, 8;
  --re-deep-rgb:    11, 7, 5;
}