@font-face {
  font-family: 'Barlow Condensed';
  src: url('./fonts/BarlowCondensed-Black.woff2') format('woff2');
  font-weight: 900; font-style: normal; font-display: swap;
}
@font-face {
  font-family: 'Barlow Condensed';
  src: url('./fonts/BarlowCondensed-ExtraBold.woff2') format('woff2');
  font-weight: 800; font-style: normal; font-display: swap;
}
@font-face {
  font-family: 'Barlow Condensed';
  src: url('./fonts/BarlowCondensed-Medium.woff2') format('woff2');
  font-weight: 500; font-style: normal; font-display: swap;
}
@font-face {
  font-family: 'Barlow Condensed';
  src: url('./fonts/BarlowCondensed-Regular.woff2') format('woff2');
  font-weight: 400; font-style: normal; font-display: swap;
}
@font-face {
  font-family: 'Rajdhani';
  src: url('./fonts/Rajdhani-Medium.woff2') format('woff2');
  font-weight: 500; font-style: normal; font-display: swap;
}
@font-face {
  font-family: 'Rajdhani';
  src: url('./fonts/Rajdhani-SemiBold.woff2') format('woff2');
  font-weight: 600; font-style: normal; font-display: swap;
}

:root {
    --rmme-bg:          #1A1A1A;     --rmme-text:        #f3ece2;     --rmme-red:         #E30613;     --rmme-metal-light: #6e6a65;     --rmme-metal-dark:  #2a2622;   
    --rmme-amber:       #F3A13B;     --rmme-rust:        #8A3B1E;     --rmme-flash:       #FFF4E6;     --rmme-red-deep:    #8E0B0E;     --rmme-line:        rgba(243, 236, 226, 0.12);   --rmme-scrim:       rgba(10, 10, 10, 0.55);      --rmme-splatter:    #C20510;     --rmme-steel-text:  #D9D4CC;   
    --rmme-blueprint:        #4C7DA2;     --rmme-blueprint-line:   #5D99CB;     --rmme-blueprint-deep:   #2F4D65;     --rmme-blueprint-ground: #213545;     --rmme-blueprint-hair:   rgba(76, 125, 162, 0.28);   --rmme-blueprint-wash:   rgba(76, 125, 162, 0.10); 
    --rmme-olive:        #758547;     --rmme-olive-line:   #98AA5C;     --rmme-olive-deep:   #3A4429;     --rmme-olive-ground: #252B1C;     --rmme-olive-wash:   rgba(117, 133, 71, 0.10); 
    --rmme-bg-radial: radial-gradient(120% 120% at 50% 35%,
                      var(--rmme-metal-dark) 0%,
                      var(--rmme-bg) 70%);
  --rmme-glut: linear-gradient(180deg,
                      var(--rmme-amber) 0%,
                      var(--rmme-red) 55%,
                      var(--rmme-red-deep) 100%);

    --font-headline: 'Barlow Condensed', 'Inter', 'Helvetica Neue', Arial, sans-serif;
  --font-body:     'Barlow Condensed', 'Inter', 'Helvetica Neue', Arial, sans-serif;
  --font-tech:     'Rajdhani', 'Barlow Condensed', 'Inter', sans-serif;
  --fw-headline: 900;     --fw-body:     400;     --fw-tech:     500;   
    --fs-display: clamp(4rem, 11.5vw, 10.5rem);     --fs-h1:      clamp(2.9rem, 7.6vw, 7rem);       --fs-h2:      clamp(1.9rem, 4.6vw, 4.25rem);    --fs-body-l:  clamp(1.25rem, 1.2rem + 0.5vw, 1.5rem);   --fs-body:    1.0625rem;                        --fs-caption: 0.8125rem;                      
    --lh-headline: 1.02;
  --lh-body:     1.55;                  --tracking-headline: 0.08em;          --tracking-display:  0.03em;          --tracking-tech:     0.14em;        
    --space-1: 0.5rem;      --space-2: 1rem;        --space-3: 1.5rem;      --space-4: 3rem;        --space-5: 6rem;        --space-6: 9rem;        --space-7: 15rem;     
    --container:      75rem;      --container-wide: 95rem;      --gutter:         var(--space-3);

    --headline-fill: var(--rmme-steel-text);    --dot-accent:    var(--rmme-red);         
    --dur-snap:  0.15s;     --dur-base:  0.4s;      --dur-move:  0.8s;      --dur-flash: 0.2s;    
    --ease-snap: cubic-bezier(0.22, 1, 0.36, 1);     --ease-base: cubic-bezier(0.33, 1, 0.68, 1);     --ease-move: cubic-bezier(0.65, 0, 0.35, 1);   
    --tex-veil-1:  0.04;     --tex-veil-2:  0.07;     --tex-veil-3:  0.12;     --tex-blend-dark: soft-light;    --tex-blend-hard: overlay;       --tex-blend-tint: multiply;      --tex-blend-dust: screen;        --tex-size: cover;
  --tex-position: center;

    --grain-opacity: 0.06;
  --vignette: radial-gradient(120% 120% at 50% 50%,
                      transparent 55%,
                      rgba(0, 0, 0, 0.45) 100%);

    --btn-bg:        var(--rmme-red);
  --btn-bg-hover:  var(--rmme-red-deep);
  --btn-label:     var(--rmme-text);
  --btn-height:    3.5rem;        --btn-padding-x: 2rem;
  --btn-radius:    4px;         }