/* Generated from design/tokens.json — do not edit by hand. */
:root {
  --color-surface-appBackground: #070C18;
  --color-surface-panel: #111D32;
  --color-surface-panelSoft: rgba(29, 44, 72, 0.66);
  --color-surface-border: rgba(132, 161, 195, 0.17);
  --color-surface-divider: rgba(132, 161, 195, 0.17);
  --color-text-primary: #EDF7FF;
  --color-text-secondary: #91A6BE;
  --color-text-muted: #7489A2;
  --color-accent-teal: #6FD3C7;
  --color-accent-blue: #5CA8F6;
  --color-accent-violet: #B879F5;
  --color-accent-gold: #F6C15C;
  --color-accent-rose: #FF9EC4;
  --color-rarity-common: #A3D39C;
  --color-rarity-rare: #5CA8F6;
  --color-rarity-epic: #C06CF9;
  --color-rarity-legendary: #F6C15C;
  --color-feedback-error: #FF8F9C;
  --color-state-pressedOverlay: rgba(237, 247, 255, 0.10);
  --color-realm-forest: #9EE58F;
  --color-realm-cave: #8EE8F0;
  --color-realm-ocean: #6CB8FF;
  --color-realm-ruins: #F2D27A;
  --color-realm-aurora: #C59CFF;
  --color-realm-ash: #FF9F6B;
  --color-daylight-dawn: rgba(255, 158, 196, 0.16);
  --color-daylight-dusk: rgba(255, 159, 107, 0.18);
  --color-daylight-night: rgba(7, 12, 24, 0.42);
  --color-daylight-snow: rgba(237, 247, 255, 0.85);
  --color-coin-face: #F6C15C;
  --color-coin-rim: #B9852C;
  --color-coin-spark: #FFF6DC;
  --color-glade-spark: #FFF1B8;
  --color-glade-sparkGlow: rgba(246, 193, 92, 0.45);
  --color-glade-lantern: #FFD58A;
  --color-glade-lanternFrame: #2B3A55;
  --color-glade-wisp: #9FF5EA;
  --color-glade-pedestal: #3A4B66;
  --color-glade-soil: #6B4A33;
  --color-finish-rareEdge: #7DBBFF;
  --color-finish-epicEdge: #D59BFF;
  --color-finish-evolvedEdge: #C99BFA;
  --color-finish-foilGold: #F6C15C;
  --color-finish-foilLight: #FFF4CF;
  --color-finish-foilShadow: #B9852C;
  --color-finish-star: #FFD86B;
  --color-finish-starEmpty: rgba(237, 247, 255, 0.24);
  --color-finish-starLight: #FFF4D6;
  --color-trophy-gold: #F6C15C;
  --color-trophy-silver: #C9D6E3;
  --color-trophy-bronze: #D08A57;
  --color-trophy-slate: #56657D;
  --color-feats-sectionCollection: #6FD3C7;
  --color-feats-sectionGrowth: #B879F5;
  --color-feats-sectionAdventures: #5CA8F6;
  --color-feats-sectionHome: #FFD58A;
  --color-feats-sectionFriends: #FF9EC4;
  --color-feats-sectionDaily: #9EE58F;
  --color-feats-metalLight: #FFF8E8;
  --color-feats-metalShade: #141B2E;
  --color-summon-seedNeutral: #E4EAF4;
  --color-summon-crystalLight: #F3E6FF;
  --color-summon-nebula: #E070C8;
  --color-pearls-drop: #6CB8FF;
  --color-pearls-heart: #FF9EC4;
  --color-pearls-star: #F6C15C;
  --color-pearls-moon: #C59CFF;
  --color-pearls-glyph: #070C18;
  --color-pearls-shell: #E4EAF4;
  --color-crystals-beam: #FFF6DC;
  --color-crystals-beamGlow: rgba(142, 232, 240, 0.45);
  --color-crystals-crystal: #8EE8F0;
  --color-crystals-mirror: #C9D6E3;
  --color-crystals-mirrorBack: #2B3A55;
  --color-crystals-rock: #3A4B66;
  --color-crystals-prism: #FF9EC4;
  --color-basalt-lava: #FF7A45;
  --color-basalt-lavaGlow: rgba(255, 159, 107, 0.35);
  --color-basalt-stone: #3A4152;
  --color-basalt-stoneEdge: #6A7590;
  --color-basalt-meadow: #7D8C7A;
  --color-basalt-ember: #FFC27A;
  --color-basalt-crust: #B8471F;
  --color-basalt-gem: #7FF5E3;
  --color-basalt-grass: #8FC77A;
  --color-basalt-flower: #FFD86B;
  --color-arrows-stone: #4A4436;
  --color-arrows-edge: #F2D27A;
  --color-arrows-glyph: #F7E3A6;
  --color-arrows-trail: rgba(242, 210, 122, 0.45);
  --color-arrows-bump: #FF8A80;
  --color-threads-thread1: #8EE8F0;
  --color-threads-thread2: #9EE58F;
  --color-threads-thread3: #C59CFF;
  --color-threads-thread4: #FF9EC4;
  --color-threads-thread5: #F6C15C;
  --color-threads-thread6: #6CB8FF;
  --color-threads-thread7: #FF9F6B;
  --color-threads-thread8: #E6F5FF;
  --color-threads-light: #FFFFFF;
  --color-threads-cloud: #2F3A55;
  --color-threads-grid: rgba(197, 156, 255, 0.18);
  --color-silhouettes-cell: #1B2440;
  --color-silhouettes-filled: #E9DFC8;
  --color-silhouettes-cross: #FF8A80;
  --color-silhouettes-mark: #6A7590;
  --color-silhouettes-clue: #E4EAF4;
  --color-silhouettes-clueDone: rgba(228, 234, 244, 0.35);
  --color-silhouettes-given: #F6C15C;
  --color-currents-water: rgba(108, 184, 255, 0.10);
  --color-currents-waterLine: rgba(142, 232, 240, 0.22);
  --color-currents-coral: #E8846F;
  --color-currents-coralEdge: #9C4B45;
  --color-currents-weed: #4FBF8B;
  --color-currents-weedDark: #2E7D5B;
  --color-currents-bubble: #D8F7FF;
  --color-currents-bubbleCore: #8EE8F0;
  --color-currents-bubbleGlow: rgba(142, 232, 240, 0.45);
  --color-currents-shell: #F4E2CF;
  --color-currents-shellInner: #1E2B45;
  --color-currents-shellGlow: rgba(246, 193, 92, 0.55);
  --color-currents-trail: rgba(216, 247, 255, 0.4);
  --color-currents-glyph: #070C18;
  --color-echo-ribbon: #9EF5C4;
  --color-echo-arc: #8EE8F0;
  --color-echo-crown: #C59CFF;
  --color-echo-spiral: #FF9EC4;
  --color-runic-caveTile: #122238;
  --color-runic-caveFacet: rgba(142, 232, 240, 0.1);
  --color-runic-caveEdge: #3F7F96;
  --color-runic-caveVein: rgba(142, 232, 240, 0.5);
  --color-runic-caveLit: #E2FDFF;
  --color-runic-caveGlow: rgba(142, 232, 240, 0.65);
  --color-runic-ruinsStone: #564E40;
  --color-runic-ruinsBevel: rgba(255, 244, 214, 0.16);
  --color-runic-ruinsShade: rgba(10, 8, 4, 0.35);
  --color-runic-ruinsEdge: #8C7D5C;
  --color-runic-ruinsGroove: #2B261F;
  --color-runic-ruinsGrooveEdge: rgba(255, 238, 200, 0.22);
  --color-runic-ruinsLit: #FFE9A8;
  --color-runic-ruinsGlow: rgba(242, 210, 122, 0.6);
  --color-bloom-ash: #2A2523;
  --color-bloom-seam: rgba(7, 12, 24, 0.6);
  --color-bloom-embers: #4D2A24;
  --color-bloom-embersGlyph: #FF8A5C;
  --color-bloom-pebbles: #3D4757;
  --color-bloom-pebblesGlyph: #C9D3E2;
  --color-bloom-roots: #4A3725;
  --color-bloom-rootsGlyph: #D9A56C;
  --color-bloom-obsidian: #2A2240;
  --color-bloom-obsidianGlyph: #B9A0FF;
  --color-bloom-sand: #5A4B2E;
  --color-bloom-sandGlyph: #F0D894;
  --color-bloom-warm: #5E2B1B;
  --color-bloom-warmGlow: rgba(255, 138, 76, 0.42);
  --color-bloom-petal: #FF7F3A;
  --color-bloom-petalTip: #FFD36B;
  --color-bloom-flowerCore: #FFF4CC;
  --color-bloom-hearthStone: #6E6058;
  --color-bloom-flame: #FFAA45;
  --color-bloom-flameCore: #FFF1B8;
  --color-bloom-hearthGlow: rgba(255, 159, 74, 0.6);
  --color-bloom-boulder: #30333C;
  --color-bloom-boulderEdge: #707789;
  --color-bloom-preview: rgba(255, 216, 107, 0.38);
  --color-bloom-wave: rgba(255, 220, 150, 0.9);
  --color-living-smoke: #A08C82;
  --color-today-skyDawnTop: #2D3561;
  --color-today-skyDawnBottom: #C98A9E;
  --color-today-skyDayTop: #325D66;
  --color-today-skyDayBottom: #9EC9A2;
  --color-today-skyDuskTop: #2A2350;
  --color-today-skyDuskBottom: #C9875F;
  --color-today-skyNightTop: #070C18;
  --color-today-skyNightBottom: #3B2F66;
  --color-today-sun: #FFE6A6;
  --color-today-moon: #F3EBD2;
  --color-today-star: #FFFFFF;
  --color-today-lightCore: #FFF1C2;
  --color-today-lightRim: #FFE6A6;
  --color-doze-saver: #000000;
  --color-sparkStall-lanternForest: #B6F2A6;
  --color-sparkStall-lanternCave: #A8F0F5;
  --color-sparkStall-lanternOcean: #8CC8FF;
  --color-sparkStall-lanternRuins: #F4E27E;
  --color-sparkStall-lanternAurora: #D2B2FF;
  --color-sparkStall-lanternAsh: #FFB085;
  --color-sparkStall-lanternSilverMoon: #DDE8F6;
  --color-sparkStall-nameAmber: #FFB65C;
  --color-sparkStall-nameMint: #7FEFC4;
  --color-sparkStall-nameLavender: #C3A2FF;
  --color-sparkStall-nameDawnStart: #FFB38A;
  --color-sparkStall-nameDawnEnd: #FF8FB8;
  --color-sparkStall-nameDuskStart: #8C7BFF;
  --color-sparkStall-nameDuskEnd: #FF9A6B;
  --color-sparkStall-nameStardust: #8FB3FF;
  --color-sparkStall-nameStardustSparkle: #FFF6DC;
  --color-sparkStall-frameOak: #9A6B3F;
  --color-sparkStall-frameOakLight: #D3A26A;
  --color-sparkStall-frameStone: #7D8A9C;
  --color-sparkStall-frameStoneLight: #B9C4D2;
  --color-sparkStall-frameCrystal: #7FDCE8;
  --color-sparkStall-frameCrystalLight: #E4FCFF;
  --color-sparkStall-frameVine: #4E9A57;
  --color-sparkStall-frameVineLeaf: #9EE58F;
  --color-sparkStall-frameGilded: #D9A441;
  --color-sparkStall-frameGildedLight: #FFF0BF;
  --color-sparkStall-frameConstellation: #2B3C80;
  --color-sparkStall-frameConstellationStar: #FFF4D6;
  --color-sparkStall-stickerEdge: #F4F8FF;
  --color-sparkStall-stickerInk: #1A2540;
  --color-sparkStall-stickerHeart: #FF7FA8;
  --color-sparkStall-stickerSun: #FFC94D;
  --color-sparkStall-stickerLeaf: #7FD873;
  --color-sparkStall-stickerCrystal: #8EE8F0;
  --color-sparkStall-stickerWave: #5CA8F6;
  --color-sparkStall-stickerRune: #9C8CC9;
  --color-sparkStall-stickerFlame: #FF8A4C;
  --color-sparkStall-stickerFlameCore: #FFE08A;
  --color-sparkStall-stickerComet: #BFE3FF;
  --color-sparkStall-stickerMoon: #F3E3A8;
  --color-sparkStall-stickerGold: #FFD24D;
  --color-sparkStall-stickerGoldShine: #FFF8DE;
  --spacing-xxs: 2px;
  --spacing-xs: 4px;
  --spacing-sm: 8px;
  --spacing-md: 12px;
  --spacing-lg: 16px;
  --spacing-xl: 24px;
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 16px;
  --radius-pill: 999px;
  --radius-circle: 50%;
  --stroke-hairline: 1px;
  --stroke-emphasis: 2px;
  --stroke-rarityEdge: 1.5px;
  --elevation-creatureThumbnail: 0 8px 8px rgba(0, 0, 0, 0.4);
  --elevation-evolutionRing: 0 0 38px rgba(192, 108, 249, 0.16), inset 0 0 40px rgba(192, 108, 249, 0.09);
  --elevation-primaryAction: 0 10px 24px rgba(73, 180, 171, 0.20);
  --elevation-creature: 0 12px 15px rgba(0, 0, 0, 0.55);
  --elevation-silhouetteGlow: 0 0 9px rgba(111, 211, 199, 0.18);
  --elevation-tealGlow: 0 0 28px rgba(111, 211, 199, 0.16);
  --typography-wordmark-sizeSp: 22px;
  --typography-wordmark-weight: 400;
  --typography-wordmark-letterSpacing: 0.12em;
  --typography-wordmark-lineHeight: 1.2;
  --typography-screenTitle-sizeSp: 24px;
  --typography-screenTitle-weight: 700;
  --typography-screenTitle-letterSpacing: 0em;
  --typography-screenTitle-lineHeight: 1.2;
  --typography-sectionHeading-sizeSp: 20px;
  --typography-sectionHeading-weight: 700;
  --typography-sectionHeading-letterSpacing: 0em;
  --typography-sectionHeading-lineHeight: 1.25;
  --typography-numericData-sizeSp: 18px;
  --typography-numericData-weight: 700;
  --typography-numericData-letterSpacing: 0em;
  --typography-numericData-lineHeight: 1.2;
  --typography-body-sizeSp: 14px;
  --typography-body-weight: 400;
  --typography-body-letterSpacing: 0em;
  --typography-body-lineHeight: 1.5;
  --typography-label-sizeSp: 12px;
  --typography-label-weight: 700;
  --typography-label-letterSpacing: 0.08em;
  --typography-label-lineHeight: 1.25;
  --typography-microcopy-sizeSp: 12px;
  --typography-microcopy-weight: 400;
  --typography-microcopy-letterSpacing: 0em;
  --typography-microcopy-lineHeight: 1.35;
  --motion-micro-duration: 220ms;
  --motion-micro-curve: ease-out;
  --layout-width: 600px;
}