/* =============================================================================
   Zombie Rot — design tokens (Premium Presentation Pass / WS1)
   Single source of truth for type, colour, space, radius, elevation, focus, motion.
   All other stylesheets consume these variables. Do not put @font-face elsewhere.
   ============================================================================= */

/* --- Self-hosted faces (OFL) — latin subsets, font-display: swap --- */
@font-face{
  font-family:"ZR Display";
  font-style:normal;font-weight:500;
  font-display:swap;
  src:url("../assets/fonts/oswald-latin-500.woff2") format("woff2");
}
@font-face{
  font-family:"ZR Display";
  font-style:normal;font-weight:600;
  font-display:swap;
  src:url("../assets/fonts/oswald-latin-600.woff2") format("woff2");
}
@font-face{
  font-family:"ZR Display";
  font-style:normal;font-weight:700;
  font-display:swap;
  src:url("../assets/fonts/oswald-latin-700.woff2") format("woff2");
}
@font-face{
  font-family:"ZR UI";
  font-style:normal;font-weight:400;
  font-display:swap;
  src:url("../assets/fonts/ibm-plex-sans-latin-400.woff2") format("woff2");
}
@font-face{
  font-family:"ZR UI";
  font-style:normal;font-weight:500;
  font-display:swap;
  src:url("../assets/fonts/ibm-plex-sans-latin-500.woff2") format("woff2");
}
@font-face{
  font-family:"ZR UI";
  font-style:normal;font-weight:600;
  font-display:swap;
  src:url("../assets/fonts/ibm-plex-sans-latin-600.woff2") format("woff2");
}
@font-face{
  font-family:"ZR UI";
  font-style:normal;font-weight:700;
  font-display:swap;
  src:url("../assets/fonts/ibm-plex-sans-latin-700.woff2") format("woff2");
}
@font-face{
  font-family:"ZR Mono";
  font-style:normal;font-weight:400;
  font-display:swap;
  src:url("../assets/fonts/ibm-plex-mono-latin-400.woff2") format("woff2");
}
@font-face{
  font-family:"ZR Mono";
  font-style:normal;font-weight:500;
  font-display:swap;
  src:url("../assets/fonts/ibm-plex-mono-latin-500.woff2") format("woff2");
}
@font-face{
  font-family:"ZR Mono";
  font-style:normal;font-weight:600;
  font-display:swap;
  src:url("../assets/fonts/ibm-plex-mono-latin-600.woff2") format("woff2");
}

:root{
  /* ----- Font stacks (self-hosted first; system only as last-resort paint) ----- */
  --font-display:"ZR Display","Arial Narrow",sans-serif;
  --font-ui:"ZR UI","Segoe UI",sans-serif;
  --font-mono:"ZR Mono","Courier New",monospace;
  --font-body:var(--font-ui);

  /* Type scale (px) + tracking */
  --text-2xs:9px;
  --text-xs:10px;
  --text-sm:11px;
  --text-md:12px;
  --text-base:13px;
  --text-lg:15px;
  --text-xl:17px;
  --text-2xl:20px;
  --text-3xl:25px;
  --text-4xl:clamp(30px,5vw,48px);
  --text-5xl:clamp(36px,5vw,58px);
  --text-hero:clamp(44px,6.6vw,96px);
  --lh-tight:1;
  --lh-snug:1.2;
  --lh-body:1.45;
  --lh-loose:1.6;
  --track-tight:.02em;
  --track-ui:.12em;
  --track-wide:.22em;
  --track-stamp:.34em;
  --weight-regular:400;
  --weight-medium:500;
  --weight-semibold:600;
  --weight-bold:700;
  --weight-black:800;

  /* Defaults for JS-driven previews. Without these, localhost's css-token
     audit console.errors on every boot: the properties are set on #firstrun
     / #fov-preview, not inherited from :root. */
  --fov-spread: 28%;
  --fr-exposure: 1;

  /* ----- Colour ramp (AD bible) ----- */
  /* Canonical ink / paper — never pure #000 fills or #fff body */
  --ink:#0a0c0b;
  --ink-deep:#0a0c0b;
  --ink-elevated:#121512;
  --ink-panel:#17130d;
  --paper:#e8e2d4;
  --paper-bright:#f0e6cc;
  --paper-dim:#a9a392;
  --paper-mute:#8a8478;
  --paper-faint:#6f6d65;

  /* Legacy aliases used across sheets */
  --soot:var(--ink);
  --ash:var(--paper-mute);
  --blood:#8d120c;
  --blood-hot:#bd2417;
  --blood-deep:#5d100a;
  --amber:#c08a48;
  --amber-hot:#e7b873;
  --amber-dim:#9c8b62;
  --sodium:var(--amber);
  --rot-cyan:#6a9e8c;
  --rot-green:#93c087;
  --danger:#c04436;
  --danger-hot:#d25545;
  --denied:#b0453a;
  --edge:rgba(190,170,135,.28);
  --edge-hot:rgba(212,91,80,.72);
  --focus-ring:var(--amber);

  /* Greys / steel */
  --steel-900:#05070a;
  --steel-850:#030403;
  --steel-800:#15191d;
  --steel-700:#1a2430;
  --steel-600:#2e343a;
  --steel-500:#625e55;
  --steel-400:#7d746a;
  --steel-300:#9aa4ad;

  /* Warm paper ramp (common UI stops) */
  --cream-100:#fff4e6;
  --cream-200:#f4efe2;
  --cream-300:#f0e9d8;
  --cream-400:#eee4cf;
  --cream-500:#e6dcc4;
  --cream-600:#ded6c2;
  --cream-700:#d8d0ba;
  --cream-800:#cfc6b2;
  --cream-900:#c3bba8;

  /* Copper / brand accent (title “ROT”) */
  --copper:#b87345;
  --lantern:var(--amber-hot);

  /* ----- Spacing (4px grid) ----- */
  --space-0:0;
  --space-1:4px;
  --space-2:8px;
  --space-3:12px;
  --space-4:16px;
  --space-5:20px;
  --space-6:24px;
  --space-7:32px;
  --space-8:40px;
  --space-9:48px;

  /* Radii — military plates stay sharp; tiny soft only for chips */
  --radius-0:0;
  --radius-1:2px;
  --radius-2:3px;
  --radius-3:4px;

  /* Elevation */
  --elev-1:0 4px 14px rgba(10,12,11,.45);
  --elev-2:0 10px 40px rgba(10,12,11,.8);
  --elev-3:0 24px 90px rgba(10,12,11,.92);
  --elev-inset-light:inset 0 1px rgba(232,226,212,.14);
  --elev-inset-deep:inset 0 1px rgba(232,226,212,.08),inset 0 -1px rgba(0,0,0,.35);

  /* Motion */
  --ease-out:cubic-bezier(.2,.8,.2,1);
  --ease-in-out:cubic-bezier(.4,0,.2,1);
  --dur-fast:.12s;
  --dur-med:.28s;
  --dur-slow:.45s;
  --press-scale:.98;

  /* Focus */
  --focus-outline:2px solid var(--focus-ring);
  --focus-offset:2px;
  --ui-scale:1;

  /* Menu chrome — one token set for title, lobby, pause, death, settings */
  --menu-radius:4px;
  --menu-border:1px solid var(--edge);
  --menu-edge:var(--edge);
  --menu-edge-hot:var(--edge-hot);
  --menu-panel:linear-gradient(168deg,rgba(22,26,32,.78),rgba(6,8,11,.88));
  --menu-panel-solid:rgba(8,10,13,.78);
  --menu-title-size:clamp(18px,2.4vw,28px);
  --menu-title-track:.28em;
  --menu-title-color:var(--cream-600);
  --menu-body:var(--text-base);
  --menu-body-color:var(--cream-800);
  --menu-btn-h:44px;
  --menu-sel-glow:0 0 18px rgba(192,68,54,.32);
  --menu-hover-lift:translateY(-3px);
  --live-dot:#7dcc6e;

  /* Home title stack — must fit the viewport with no scroll.
     Breakpoints: 1440×900 desktop (these defaults), max-height 700,
     max-height 500 / 844×390 / 932×430 landscape, max-width 700 +
     390×844 portrait. Footer type shrinks first; tiles stay ≥44px. */
  --home-stack-pad-top:clamp(12px,2.4vh,24px);
  --home-stack-pad-bottom:calc(40px + env(safe-area-inset-bottom,0px));
  --home-title-size:clamp(44px,5.8vw,88px);
  --home-file-size:clamp(8px,0.9vw,11px);
  --home-card-h:clamp(64px,9vh,88px);
  --home-tile-h:clamp(56px,8.5vh,80px);
  --home-stack-gap:clamp(8px,1.4vh,14px);
  --home-footer-size:9px;
  --home-footer-track:.16em;
}

@media (max-height:700px){
  :root{
    --home-stack-pad-top:8px;
    --home-title-size:clamp(32px,4.6vw,56px);
    --home-file-size:8px;
    --home-card-h:56px;
    --home-tile-h:52px;
    --home-stack-gap:6px;
    --home-footer-size:8px;
    --home-footer-track:.12em;
  }
}

@media (max-width:700px) and (max-height:844px){
  :root{
    --home-stack-pad-top:6px;
    --home-stack-pad-bottom:calc(36px + env(safe-area-inset-bottom,0px));
    --home-title-size:clamp(32px,9vw,48px);
    --home-card-h:48px;
    --home-tile-h:44px;
    --home-stack-gap:6px;
    --home-footer-size:8px;
    --home-footer-track:.1em;
  }
}

@media (max-height:500px){
  :root{
    --home-stack-pad-top:4px;
    --home-stack-pad-bottom:calc(36px + env(safe-area-inset-bottom,0px));
    --home-title-size:clamp(32px,8.5vh,42px);
    --home-file-size:8px;
    --home-card-h:44px;
    --home-tile-h:44px;
    --home-stack-gap:4px;
    --home-footer-size:8px;
    --home-footer-track:.08em;
  }
}

/* Tabular figures for HUD / counters */
.zr-tnum,.hud,.ammo,.points,#hud,[data-tnum]{
  font-variant-numeric:tabular-nums;
}

/* =============================================================================
   Button system — stamped metal plate
   Variants: .btn-primary | .btn-secondary | .btn-ghost | .btn-destructive
   Also maps legacy .mbtn / .pbtn / .mbtn.go / .pbtn.primary
   ============================================================================= */
.btn-primary,
.btn-secondary,
.btn-ghost,
.btn-destructive,
.mbtn,
.pbtn{
  --btn-face-top:rgba(46,52,58,.94);
  --btn-face-bot:rgba(18,21,24,.96);
  --btn-border:rgba(190,160,110,.4);
  --btn-text:var(--paper);
  position:relative;
  cursor:pointer;
  pointer-events:auto;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:var(--space-2);
  min-height:44px;
  padding:13px 28px;
  border:1px solid var(--btn-border);
  border-radius:var(--radius-0);
  color:var(--btn-text);
  background:
    linear-gradient(180deg,rgba(232,226,212,.1),transparent 42%),
    linear-gradient(180deg,var(--btn-face-top),var(--btn-face-bot));
  box-shadow:var(--elev-1),var(--elev-inset-light);
  font-family:var(--font-ui);
  font-weight:var(--weight-bold);
  font-size:var(--text-lg);
  letter-spacing:var(--track-ui);
  text-transform:uppercase;
  line-height:var(--lh-tight);
  transition:
    background var(--dur-fast) var(--ease-out),
    color var(--dur-fast),
    border-color var(--dur-fast),
    box-shadow var(--dur-fast),
    transform var(--dur-fast) var(--ease-out),
    filter var(--dur-fast);
}
.btn-primary:hover,.btn-secondary:hover,.btn-ghost:hover,.btn-destructive:hover,
.mbtn:hover,.pbtn:hover{
  filter:brightness(1.06);
  border-color:rgba(200,185,137,.55);
}
.btn-primary:focus-visible,.btn-secondary:focus-visible,.btn-ghost:focus-visible,.btn-destructive:focus-visible,
.mbtn:focus-visible,.pbtn:focus-visible{
  outline:var(--focus-outline);
  outline-offset:var(--focus-offset);
}
.btn-primary:active,.btn-secondary:active,.btn-ghost:active,.btn-destructive:active,
.mbtn:active,.pbtn:active{
  transform:scale(var(--press-scale));
  filter:brightness(.92);
}
.btn-primary:disabled,.btn-secondary:disabled,.btn-ghost:disabled,.btn-destructive:disabled,
.mbtn:disabled,.pbtn:disabled,
.btn-primary.is-loading,.mbtn.is-loading,.pbtn.is-loading{
  opacity:.42;
  cursor:not-allowed;
  transform:none;
  filter:none;
  box-shadow:none;
  border-color:rgba(190,170,135,.12);
  pointer-events:auto;
}

/* Primary — riveted corners */
.btn-primary,
.mbtn.go,
.pbtn.primary,
#btn-deploy{
  --btn-face-top:var(--blood);
  --btn-face-bot:var(--blood-deep);
  --btn-border:var(--denied);
  --btn-text:#f2e3d4;
  box-shadow:
    0 0 18px rgba(140,20,12,.35),
    var(--elev-inset-light),
    inset 0 -1px rgba(0,0,0,.35);
}
.btn-primary::before,
.mbtn.go::before,
.pbtn.primary::before,
#btn-deploy::before{
  content:"";
  position:absolute;
  inset:5px;
  pointer-events:none;
  background:
    radial-gradient(circle at 0 0,var(--steel-400) 1.1px,transparent 1.4px),
    radial-gradient(circle at 100% 0,var(--steel-400) 1.1px,transparent 1.4px),
    radial-gradient(circle at 0 100%,var(--steel-400) 1.1px,transparent 1.4px),
    radial-gradient(circle at 100% 100%,var(--steel-400) 1.1px,transparent 1.4px);
  opacity:.85;
}
.btn-primary:hover,.mbtn.go:hover,.pbtn.primary:hover,#btn-deploy:hover,
.btn-primary:focus-visible,.mbtn.go:focus-visible,.pbtn.primary:focus-visible,#btn-deploy:focus-visible{
  --btn-face-top:#a82318;
  --btn-face-bot:#6e130c;
  --btn-border:#d24a3a;
  filter:none;
}

/* Secondary = default plate (already set) */
.btn-secondary,.pbtn,.mbtn.back{
  --btn-face-top:rgba(40,34,24,.9);
  --btn-face-bot:rgba(16,14,12,.96);
  --btn-border:var(--edge);
}

/* Ghost */
.btn-ghost,.mbtn.small{
  --btn-face-top:transparent;
  --btn-face-bot:transparent;
  background:transparent;
  box-shadow:none;
  border-color:rgba(190,170,135,.22);
  color:var(--paper-dim);
}
.btn-ghost:hover,.mbtn.small:hover{
  background:rgba(232,226,212,.06);
  color:var(--paper);
}

/* Destructive */
.btn-destructive,.pbtn.destructive{
  --btn-face-top:rgba(82,15,11,.72);
  --btn-face-bot:rgba(50,10,8,.9);
  --btn-border:#a72a20;
  --btn-text:#f2d8d2;
}
.btn-destructive:hover,.pbtn.destructive:hover{
  --btn-face-top:#861d15;
  --btn-face-bot:#5d100a;
  --btn-border:#e05242;
  --btn-text:var(--paper);
}

.mbtn.small{min-width:200px;padding:9px 20px;font-size:var(--text-md)}
.mbtn{min-width:300px}

/* =============================================================================
   Themed form controls — real inputs underneath, visible focus
   ============================================================================= */
.zr-check{
  display:flex;
  align-items:flex-start;
  gap:var(--space-2);
  cursor:pointer;
  color:var(--paper-dim);
  font-family:var(--font-ui);
  font-size:var(--text-base);
  line-height:var(--lh-body);
  user-select:none;
}
.zr-check__input{
  position:absolute;
  opacity:0;
  width:1px;height:1px;
  margin:0;
  pointer-events:none;
}
.zr-check__box{
  flex:0 0 auto;
  width:18px;height:18px;
  margin-top:2px;
  border:1px solid var(--edge);
  border-radius:var(--radius-1);
  background:
    linear-gradient(180deg,rgba(232,226,212,.08),transparent 40%),
    linear-gradient(180deg,rgba(28,32,37,.95),rgba(10,12,15,.98));
  box-shadow:var(--elev-inset-light);
  position:relative;
}
.zr-check__box::after{
  content:"";
  position:absolute;
  left:5px;top:2px;
  width:5px;height:9px;
  border:solid var(--amber-hot);
  border-width:0 2px 2px 0;
  transform:rotate(45deg) scale(0);
  transition:transform var(--dur-fast) var(--ease-out);
}
.zr-check__input:checked + .zr-check__box{
  border-color:var(--amber);
  background:linear-gradient(180deg,rgba(192,138,72,.35),rgba(10,12,15,.98));
}
.zr-check__input:checked + .zr-check__box::after{transform:rotate(45deg) scale(1)}
.zr-check__input:focus-visible + .zr-check__box{
  outline:var(--focus-outline);
  outline-offset:var(--focus-offset);
}
.zr-check__label{flex:1 1 auto;color:var(--paper-dim)}
.zr-check--static{
  cursor:default;
  pointer-events:none;
  font-family:var(--font-mono);
  font-size:var(--text-md);
  font-weight:var(--weight-bold);
  letter-spacing:var(--track-ui);
  text-transform:uppercase;
}
.zr-check--static.is-checked .zr-check__box{
  border-color:var(--amber);
  background:linear-gradient(180deg,rgba(192,138,72,.35),rgba(10,12,15,.98));
}
.zr-check--static.is-checked .zr-check__box::after{transform:rotate(45deg) scale(1)}
.zr-hint{
  font-style:normal;
  font-weight:400;
  letter-spacing:.04em;
  color:var(--paper-mute);
  opacity:.82;
}
.adaptive-row.zr-check,
label.zr-check{display:flex}

.zr-select{
  position:relative;
  display:inline-flex;
  min-width:160px;
  max-width:100%;
}
.zr-select__native,
select.zr-select__native{
  appearance:none;
  -webkit-appearance:none;
  width:100%;
  min-height:40px;
  padding:8px 36px 8px 12px;
  border:1px solid var(--edge);
  border-radius:var(--radius-0);
  background:
    linear-gradient(180deg,rgba(232,226,212,.08),transparent 40%),
    linear-gradient(180deg,rgba(28,32,37,.95),rgba(10,12,15,.98));
  color:var(--paper);
  font-family:var(--font-ui);
  font-size:var(--text-md);
  font-weight:var(--weight-semibold);
  letter-spacing:.06em;
  text-transform:uppercase;
  cursor:pointer;
  box-shadow:var(--elev-inset-light);
}
.zr-select::after{
  content:"";
  position:absolute;
  right:12px;top:50%;
  width:7px;height:7px;
  border-right:2px solid var(--amber);
  border-bottom:2px solid var(--amber);
  transform:translateY(-60%) rotate(45deg);
  pointer-events:none;
}
.zr-select__native:focus-visible,
select.zr-select__native:focus-visible{
  outline:var(--focus-outline);
  outline-offset:var(--focus-offset);
}
.zr-select__native option{
  background:var(--ink);
  color:var(--paper);
}

/* Reduce-motion: kill press scale / check anim */
@media (prefers-reduced-motion:reduce){
  .btn-primary,.btn-secondary,.btn-ghost,.btn-destructive,.mbtn,.pbtn,
  .zr-check__box::after{
    transition:none;
  }
  .btn-primary:active,.btn-secondary:active,.btn-ghost:active,.btn-destructive:active,
  .mbtn:active,.pbtn:active{transform:none}
}
html.reduce-motion .btn-primary:active,
html.reduce-motion .btn-secondary:active,
html.reduce-motion .btn-ghost:active,
html.reduce-motion .btn-destructive:active,
html.reduce-motion .mbtn:active,
html.reduce-motion .pbtn:active{transform:none}
html.reduce-motion .zr-check__box::after{transition:none}

/* Auto-generated tone aliases appended by tools/ws1_token_migrate.py below this marker */
/* === TONE_ALIASES_START === */
:root{
  --tone-020304:#020304;
  --tone-070506:#070506;
  --tone-070706:#070706;
  --tone-070809:#070809;
  --tone-07090a:#07090a;
  --tone-080b0c:#080b0c;
  --tone-090d0e:#090d0e;
  --tone-0d1014:#0d1014;
  --tone-100b0c:#100b0c;
  --tone-101417:#101417;
  --tone-101418:#101418;
  --tone-12161a:#12161a;
  --tone-130402:#130402;
  --tone-17110d:#17110d;
  --tone-171b21:#171b21;
  --tone-181b1e:#181b1e;
  --tone-1a343d:#1a343d;
  --tone-1a4a22:#1a4a22;
  --tone-1b0a06:#1b0a06;
  --tone-1d1517:#1d1517;
  --tone-22272b:#22272b;
  --tone-263a42:#263a42;
  --tone-2a4a6a:#2a4a6a;
  --tone-2ec45a:#2ec45a;
  --tone-354044:#354044;
  --tone-3a3f45:#3a3f45;
  --tone-3b362e:#3b362e;
  --tone-4a6a2a:#4a6a2a;
  --tone-4b4d52:#4b4d52;
  --tone-4b897b:#4b897b;
  --tone-4d7b93:#4d7b93;
  --tone-4d82b8:#4d82b8;
  --tone-4f5a45:#4f5a45;
  --tone-5a0e09:#5a0e09;
  --tone-5a9bb3:#5a9bb3;
  --tone-5c130e:#5c130e;
  --tone-5d584d:#5d584d;
  --tone-5f6167:#5f6167;
  --tone-6a1a12:#6a1a12;
  --tone-6a4a12:#6a4a12;
  --tone-6a6660:#6a6660;
  --tone-6b675e:#6b675e;
  --tone-6b6d73:#6b6d73;
  --tone-6d6a62:#6d6a62;
  --tone-6d7a5e:#6d7a5e;
  --tone-6e241c:#6e241c;
  --tone-6e6b64:#6e6b64;
  --tone-6e6c64:#6e6c64;
  --tone-6e767e:#6e767e;
  --tone-6f6c64:#6f6c64;
  --tone-6f7780:#6f7780;
  --tone-6f8f3f:#6f8f3f;
  --tone-71120d:#71120d;
  --tone-713218:#713218;
  --tone-77746c:#77746c;
  --tone-78a8ad:#78a8ad;
  --tone-7a756a:#7a756a;
  --tone-7a756c:#7a756c;
  --tone-7c7568:#7c7568;
  --tone-7c9dbd:#7c9dbd;
  --tone-7f796d:#7f796d;
  --tone-81150f:#81150f;
  --tone-827d72:#827d72;
  --tone-83efff:#83efff;
  --tone-861d15:#861d15;
  --tone-888888:#888888;
  --tone-8a8378:#8a8378;
  --tone-8a867c:#8a867c;
  --tone-8b8579:#8b8579;
  --tone-8b857a:#8b857a;
  --tone-8b95a0:#8b95a0;
  --tone-8c231c:#8c231c;
  --tone-8d2418:#8d2418;
  --tone-8f897c:#8f897c;
  --tone-8f989f:#8f989f;
  --tone-8fbb84:#8fbb84;
  --tone-91a0a2:#91a0a2;
  --tone-94170f:#94170f;
  --tone-948d7d:#948d7d;
  --tone-98a2a4:#98a2a4;
  --tone-9a1e14:#9a1e14;
  --tone-9a9284:#9a9284;
  --tone-9a9488:#9a9488;
  --tone-9a9588:#9a9588;
  --tone-9ac25f:#9ac25f;
  --tone-9ad14a:#9ad14a;
  --tone-9b9280:#9b9280;
  --tone-9e1b12:#9e1b12;
  --tone-9f7441:#9f7441;
  --tone-9f9786:#9f9786;
  --tone-a34135:#a34135;
  --tone-a49d8d:#a49d8d;
  --tone-a5483c:#a5483c;
  --tone-a78b55:#a78b55;
  --tone-a8867c:#a8867c;
  --tone-a89d88:#a89d88;
  --tone-a8a092:#a8a092;
  --tone-aaa18e:#aaa18e;
  --tone-aaa395:#aaa395;
  --tone-b0568a:#b0568a;
  --tone-b0a898:#b0a898;
  --tone-b28b4d:#b28b4d;
  --tone-b52618:#b52618;
  --tone-b6ae9c:#b6ae9c;
  --tone-b74428:#b74428;
  --tone-b7965f:#b7965f;
  --tone-b7ac96:#b7ac96;
  --tone-b89a68:#b89a68;
  --tone-b8ad96:#b8ad96;
  --tone-b8b0a0:#b8b0a0;
  --tone-b99a64:#b99a64;
  --tone-b9b0a0:#b9b0a0;
  --tone-b9c4ae:#b9c4ae;
  --tone-bdb5a5:#bdb5a5;
  --tone-c2b9a4:#c2b9a4;
  --tone-c44538:#c44538;
  --tone-c4776c:#c4776c;
  --tone-c4a01a:#c4a01a;
  --tone-c4a56a:#c4a56a;
  --tone-c4bba8:#c4bba8;
  --tone-c5b48c:#c5b48c;
  --tone-c6a66d:#c6a66d;
  --tone-c6bda8:#c6bda8;
  --tone-c7b481:#c7b481;
  --tone-c7bfa9:#c7bfa9;
  --tone-c8544a:#c8544a;
  --tone-c8a86a:#c8a86a;
  --tone-c94a3a:#c94a3a;
  --tone-c9a45c:#c9a45c;
  --tone-c9b184:#c9b184;
  --tone-cfc6ae:#cfc6ae;
  --tone-cfc7b4:#cfc7b4;
  --tone-cfe4fb:#cfe4fb;
  --tone-d0aa5a:#d0aa5a;
  --tone-d0c4a7:#d0c4a7;
  --tone-d0c6ad:#d0c6ad;
  --tone-d45b50:#d45b50;
  --tone-d4c8ae:#d4c8ae;
  --tone-d4cab5:#d4cab5;
  --tone-d5c9ad:#d5c9ad;
  --tone-d5f0cd:#d5f0cd;
  --tone-d7c39a:#d7c39a;
  --tone-d8837a:#d8837a;
  --tone-d8bd82:#d8bd82;
  --tone-d8c8a8:#d8c8a8;
  --tone-d8cdb6:#d8cdb6;
  --tone-d8cfb9:#d8cfb9;
  --tone-d8d0bb:#d8d0bb;
  --tone-d8d0be:#d8d0be;
  --tone-d9b878:#d9b878;
  --tone-ddd4bc:#ddd4bc;
  --tone-ddd4be:#ddd4be;
  --tone-ddd6c4:#ddd6c4;
  --tone-e05242:#e05242;
  --tone-e05a48:#e05a48;
  --tone-e0a595:#e0a595;
  --tone-e2bfae:#e2bfae;
  --tone-e5ddc9:#e5ddc9;
  --tone-e5dfcb:#e5dfcb;
  --tone-e69455:#e69455;
  --tone-e6c17f:#e6c17f;
  --tone-e6ddc8:#e6ddc8;
  --tone-e8b060:#e8b060;
  --tone-e8b473:#e8b473;
  --tone-e8bd78:#e8bd78;
  --tone-e9e0cb:#e9e0cb;
  --tone-ebe3cf:#ebe3cf;
  --tone-ebe4d4:#ebe4d4;
  --tone-efe8d2:#efe8d2;
  --tone-f0c987:#f0c987;
  --tone-f0d59b:#f0d59b;
  --tone-f0e4d4:#f0e4d4;
  --tone-f0e5c9:#f0e5c9;
  --tone-f0e8d6:#f0e8d6;
  --tone-f2d8d2:#f2d8d2;
  --tone-f2ece0:#f2ece0;
  --tone-f4ecd9:#f4ecd9;
  --tone-f6f0df:#f6f0df;
  --tone-ff6b5a:#ff6b5a;
  --tone-ff8578:#ff8578;
  --tone-ffaadd:#ffaadd;
  --tone-ffbdb2:#ffbdb2;
  --tone-ffd6cc:#ffd6cc;
  --tone-ffe1d9:#ffe1d9;
  --tone-ffe2d8:#ffe2d8;
  --tone-ffe7df:#ffe7df;
  --tone-fff1cf:#fff1cf;
  --tone-fff4dd:#fff4dd;
  --tone-fff8ee:#fff8ee;
  --tone-fff8f0:#fff8f0;
}
/* === TONE_ALIASES_END === */