/*!
 * beam.css — tokens, foundations, compositions, utilities, blocks (brand-agnostic)
 * Beam Design System — Acuity Experience Design (AXD)
 * version 0.1.0 · generated 2026-11-06T09:38:51.936Z · source sha256:8dcb01076f81
 * GENERATED FILE — do not edit. Source of truth: tokens/beam.tokens.json
 * :root modes from core kit "base": gray=Gray accent=Base density=Comfortable typeface=System shape=Smooth depth=Soft. Load a kit (dist/kits/brandkit.<id>.css) after it to brand it.
 */
@layer beam.tokens, beam.kit, beam.foundations, beam.compositions, beam.utilities, beam.blocks;

@layer beam.tokens {
  /* ── 01. Color Primitives — raw colour scales ─────────────────────── */
  :root {
    --beam-amber-1: #fefdfb;
    --beam-amber-2: #fefbe9;
    --beam-amber-3: #fff7c2;
    --beam-amber-4: #ffee9c;
    --beam-amber-5: #fbe577;
    --beam-amber-6: #f3d673;
    --beam-amber-7: #e9c162;
    --beam-amber-8: #e2a336;
    --beam-amber-9: #ffc53d;
    --beam-amber-10: #ffba18;
    --beam-amber-11: #ab6400;
    --beam-amber-12: #4f3422;
    --beam-amber-alpha-a1: rgba(192, 128, 0, 0.0157);
    --beam-amber-alpha-a2: rgba(244, 209, 0, 0.0863);
    --beam-amber-alpha-a3: rgba(255, 222, 0, 0.2392);
    --beam-amber-alpha-a4: rgba(255, 212, 0, 0.3882);
    --beam-amber-alpha-a5: rgba(248, 207, 0, 0.5333);
    --beam-amber-alpha-a6: rgba(234, 181, 0, 0.549);
    --beam-amber-alpha-a7: rgba(220, 155, 0, 0.6157);
    --beam-amber-alpha-a8: rgba(218, 138, 0, 0.7882);
    --beam-amber-alpha-a9: rgba(255, 179, 0, 0.7608);
    --beam-amber-alpha-a10: rgba(255, 179, 0, 0.9059);
    --beam-amber-alpha-a11: #ab6400;
    --beam-amber-alpha-a12: rgba(52, 21, 0, 0.8667);
    --beam-amber-dark-1: #16120c;
    --beam-amber-dark-2: #1d180f;
    --beam-amber-dark-3: #302008;
    --beam-amber-dark-4: #3f2700;
    --beam-amber-dark-5: #4d3000;
    --beam-amber-dark-6: #5c3d05;
    --beam-amber-dark-7: #714f19;
    --beam-amber-dark-8: #8f6424;
    --beam-amber-dark-9: #ffc53d;
    --beam-amber-dark-10: #ffd60a;
    --beam-amber-dark-11: #ffca16;
    --beam-amber-dark-12: #ffe7b3;
    --beam-amber-dark-alpha-a1: rgba(230, 60, 0, 0.0235);
    --beam-amber-dark-alpha-a2: rgba(253, 155, 0, 0.051);
    --beam-amber-dark-alpha-a3: rgba(250, 130, 0, 0.1333);
    --beam-amber-dark-alpha-a4: rgba(252, 130, 0, 0.1961);
    --beam-amber-dark-alpha-a5: rgba(253, 139, 0, 0.2549);
    --beam-amber-dark-alpha-a6: rgba(253, 155, 0, 0.3176);
    --beam-amber-dark-alpha-a7: rgba(255, 171, 37, 0.4039);
    --beam-amber-dark-alpha-a8: rgba(255, 174, 53, 0.5294);
    --beam-amber-dark-alpha-a9: #ffc53d;
    --beam-amber-dark-alpha-a10: #ffd60a;
    --beam-amber-dark-alpha-a11: #ffca16;
    --beam-amber-dark-alpha-a12: #ffe7b3;
    --beam-base-1: #fcfcfc;
    --beam-base-2: #f9f9f9;
    --beam-base-3: #f0f0f0;
    --beam-base-4: #e8e8e8;
    --beam-base-5: #e0e0e0;
    --beam-base-6: #d9d9d9;
    --beam-base-7: #cecece;
    --beam-base-8: #bbbbbb;
    --beam-base-9: #8d8d8d;
    --beam-base-10: #838383;
    --beam-base-11: #646464;
    --beam-base-12: #202020;
    --beam-base-alpha-a1: rgba(0, 0, 0, 0.0118);
    --beam-base-alpha-a2: rgba(0, 0, 0, 0.0235);
    --beam-base-alpha-a3: rgba(0, 0, 0, 0.0588);
    --beam-base-alpha-a4: rgba(0, 0, 0, 0.0902);
    --beam-base-alpha-a5: rgba(0, 0, 0, 0.1216);
    --beam-base-alpha-a6: rgba(0, 0, 0, 0.149);
    --beam-base-alpha-a7: rgba(0, 0, 0, 0.1922);
    --beam-base-alpha-a8: rgba(0, 0, 0, 0.2667);
    --beam-base-alpha-a9: rgba(0, 0, 0, 0.4471);
    --beam-base-alpha-a10: rgba(0, 0, 0, 0.4863);
    --beam-base-alpha-a11: rgba(0, 0, 0, 0.6078);
    --beam-base-alpha-a12: rgba(0, 0, 0, 0.8745);
    --beam-base-dark-1: #111111;
    --beam-base-dark-2: #191919;
    --beam-base-dark-3: #222222;
    --beam-base-dark-4: #2a2a2a;
    --beam-base-dark-5: #313131;
    --beam-base-dark-6: #3a3a3a;
    --beam-base-dark-7: #484848;
    --beam-base-dark-8: #606060;
    --beam-base-dark-9: #6e6e6e;
    --beam-base-dark-10: #7b7b7b;
    --beam-base-dark-11: #b4b4b4;
    --beam-base-dark-12: #eeeeee;
    --beam-base-dark-alpha-a1: rgba(0, 0, 0, 0);
    --beam-base-dark-alpha-a2: rgba(255, 255, 255, 0.0353);
    --beam-base-dark-alpha-a3: rgba(255, 255, 255, 0.0706);
    --beam-base-dark-alpha-a4: rgba(255, 255, 255, 0.1059);
    --beam-base-dark-alpha-a5: rgba(255, 255, 255, 0.1333);
    --beam-base-dark-alpha-a6: rgba(255, 255, 255, 0.1725);
    --beam-base-dark-alpha-a7: rgba(255, 255, 255, 0.2314);
    --beam-base-dark-alpha-a8: rgba(255, 255, 255, 0.3333);
    --beam-base-dark-alpha-a9: rgba(255, 255, 255, 0.3922);
    --beam-base-dark-alpha-a10: rgba(255, 255, 255, 0.4471);
    --beam-base-dark-alpha-a11: rgba(255, 255, 255, 0.6863);
    --beam-base-dark-alpha-a12: rgba(255, 255, 255, 0.9294);
    --beam-black-alpha-a1: rgba(0, 0, 0, 0.05);
    --beam-black-alpha-a2: rgba(0, 0, 0, 0.1);
    --beam-black-alpha-a3: rgba(0, 0, 0, 0.15);
    --beam-black-alpha-a4: rgba(0, 0, 0, 0.2);
    --beam-black-alpha-a5: rgba(0, 0, 0, 0.3);
    --beam-black-alpha-a6: rgba(0, 0, 0, 0.4);
    --beam-black-alpha-a7: rgba(0, 0, 0, 0.5);
    --beam-black-alpha-a8: rgba(0, 0, 0, 0.6);
    --beam-black-alpha-a9: rgba(0, 0, 0, 0.702);
    --beam-black-alpha-a10: rgba(0, 0, 0, 0.8);
    --beam-black-alpha-a11: rgba(0, 0, 0, 0.902);
    --beam-black-alpha-a12: rgba(0, 0, 0, 0.95);
    --beam-blue-1: #fbfdff;
    --beam-blue-2: #f4faff;
    --beam-blue-3: #e6f4fe;
    --beam-blue-4: #d5efff;
    --beam-blue-5: #c2e5ff;
    --beam-blue-6: #acd8fc;
    --beam-blue-7: #8ec8f6;
    --beam-blue-8: #5eb1ef;
    --beam-blue-9: #0090ff;
    --beam-blue-10: #0588f0;
    --beam-blue-11: #0d74ce;
    --beam-blue-12: #113264;
    --beam-blue-alpha-a1: rgba(0, 128, 255, 0.0157);
    --beam-blue-alpha-a2: rgba(0, 140, 255, 0.0431);
    --beam-blue-alpha-a3: rgba(0, 143, 245, 0.098);
    --beam-blue-alpha-a4: rgba(0, 158, 255, 0.1647);
    --beam-blue-alpha-a5: rgba(0, 147, 255, 0.2392);
    --beam-blue-alpha-a6: rgba(0, 136, 246, 0.3255);
    --beam-blue-alpha-a7: rgba(0, 131, 235, 0.4431);
    --beam-blue-alpha-a8: rgba(0, 132, 230, 0.6314);
    --beam-blue-alpha-a9: #0090ff;
    --beam-blue-alpha-a10: rgba(0, 134, 240, 0.9804);
    --beam-blue-alpha-a11: rgba(0, 109, 203, 0.949);
    --beam-blue-alpha-a12: rgba(0, 35, 89, 0.9333);
    --beam-blue-dark-1: #0d1520;
    --beam-blue-dark-2: #111927;
    --beam-blue-dark-3: #0d2847;
    --beam-blue-dark-4: #003362;
    --beam-blue-dark-5: #004074;
    --beam-blue-dark-6: #104d87;
    --beam-blue-dark-7: #205d9e;
    --beam-blue-dark-8: #2870bd;
    --beam-blue-dark-9: #0090ff;
    --beam-blue-dark-10: #3b9eff;
    --beam-blue-dark-11: #70b8ff;
    --beam-blue-dark-12: #c2e6ff;
    --beam-blue-dark-alpha-a1: rgba(0, 77, 242, 0.0667);
    --beam-blue-dark-alpha-a2: rgba(17, 102, 251, 0.0941);
    --beam-blue-dark-alpha-a3: rgba(0, 119, 255, 0.2275);
    --beam-blue-dark-alpha-a4: rgba(0, 117, 255, 0.3412);
    --beam-blue-dark-alpha-a5: rgba(0, 129, 253, 0.4196);
    --beam-blue-dark-alpha-a7: rgba(42, 145, 254, 0.5961);
    --beam-blue-dark-alpha-a8: rgba(48, 148, 254, 0.7255);
    --beam-blue-dark-alpha-a9: #0090ff;
    --beam-blue-dark-alpha-a10: #3b9eff;
    --beam-blue-dark-alpha-a11: #70b8ff;
    --beam-blue-dark-alpha-a12: #c2e6ff;
    --beam-blue-dark-alpha-a6: rgba(15, 137, 253, 0.498);
    --beam-bronze-1: #fdfcfc;
    --beam-bronze-2: #fdf7f5;
    --beam-bronze-3: #f6edea;
    --beam-bronze-4: #efe4df;
    --beam-bronze-5: #e7d9d3;
    --beam-bronze-6: #dfcdc5;
    --beam-bronze-7: #d3bcb3;
    --beam-bronze-8: #c2a499;
    --beam-bronze-9: #a18072;
    --beam-bronze-10: #957468;
    --beam-bronze-11: #7d5e54;
    --beam-bronze-12: #43302b;
    --beam-bronze-alpha-a1: rgba(85, 0, 0, 0.0118);
    --beam-bronze-alpha-a2: rgba(204, 51, 0, 0.0392);
    --beam-bronze-alpha-a3: rgba(146, 37, 0, 0.0824);
    --beam-bronze-alpha-a4: rgba(128, 40, 0, 0.1255);
    --beam-bronze-alpha-a5: rgba(116, 35, 0, 0.1725);
    --beam-bronze-alpha-a6: rgba(115, 36, 0, 0.2275);
    --beam-bronze-alpha-a7: rgba(108, 31, 0, 0.298);
    --beam-bronze-alpha-a8: rgba(103, 28, 0, 0.4);
    --beam-bronze-alpha-a9: rgba(85, 26, 0, 0.5529);
    --beam-bronze-alpha-a10: rgba(76, 21, 0, 0.5922);
    --beam-bronze-alpha-a11: rgba(61, 15, 0, 0.6706);
    --beam-bronze-alpha-a12: rgba(29, 6, 0, 0.8314);
    --beam-bronze-dark-1: #141110;
    --beam-bronze-dark-2: #1c1917;
    --beam-bronze-dark-3: #262220;
    --beam-bronze-dark-4: #302a27;
    --beam-bronze-dark-5: #3b3330;
    --beam-bronze-dark-6: #493e3a;
    --beam-bronze-dark-7: #5a4c47;
    --beam-bronze-dark-8: #6f5f58;
    --beam-bronze-dark-9: #a18072;
    --beam-bronze-dark-10: #ae8c7e;
    --beam-bronze-dark-11: #d4b3a5;
    --beam-bronze-dark-12: #ede0d9;
    --beam-bronze-dark-alpha-a1: rgba(209, 17, 0, 0.0157);
    --beam-bronze-dark-alpha-a2: rgba(251, 188, 145, 0.0471);
    --beam-bronze-dark-alpha-a3: rgba(250, 206, 184, 0.0902);
    --beam-bronze-dark-alpha-a4: rgba(250, 205, 182, 0.1333);
    --beam-bronze-dark-alpha-a5: rgba(255, 210, 193, 0.1765);
    --beam-bronze-dark-alpha-a6: rgba(255, 209, 192, 0.2353);
    --beam-bronze-dark-alpha-a7: rgba(253, 208, 192, 0.3098);
    --beam-bronze-dark-alpha-a8: rgba(255, 214, 197, 0.3961);
    --beam-bronze-dark-alpha-a9: rgba(254, 199, 176, 0.6078);
    --beam-bronze-dark-alpha-a10: rgba(254, 202, 181, 0.6627);
    --beam-bronze-dark-alpha-a11: rgba(255, 215, 198, 0.8196);
    --beam-bronze-dark-alpha-a12: rgba(255, 241, 233, 0.9255);
    --beam-brown-1: #fefdfc;
    --beam-brown-2: #fcf9f6;
    --beam-brown-3: #f6eee7;
    --beam-brown-4: #f0e4d9;
    --beam-brown-5: #ebdaca;
    --beam-brown-6: #e4cdb7;
    --beam-brown-7: #dcbc9f;
    --beam-brown-8: #cea37e;
    --beam-brown-9: #ad7f58;
    --beam-brown-10: #a07553;
    --beam-brown-11: #815e46;
    --beam-brown-12: #3e332e;
    --beam-brown-alpha-a1: rgba(170, 85, 0, 0.0118);
    --beam-brown-alpha-a2: rgba(170, 85, 0, 0.0353);
    --beam-brown-alpha-a3: rgba(160, 75, 0, 0.0941);
    --beam-brown-alpha-a4: rgba(155, 74, 0, 0.149);
    --beam-brown-alpha-a5: rgba(159, 77, 0, 0.2078);
    --beam-brown-alpha-a6: rgba(160, 78, 0, 0.2824);
    --beam-brown-alpha-a7: rgba(163, 78, 0, 0.3765);
    --beam-brown-alpha-a8: rgba(159, 74, 0, 0.5059);
    --beam-brown-alpha-a9: rgba(130, 60, 0, 0.6549);
    --beam-brown-alpha-a10: rgba(114, 51, 0, 0.6745);
    --beam-brown-alpha-a11: rgba(82, 33, 0, 0.7255);
    --beam-brown-alpha-a12: rgba(20, 6, 0, 0.8196);
    --beam-brown-dark-1: #12110f;
    --beam-brown-dark-2: #1c1816;
    --beam-brown-dark-3: #28211d;
    --beam-brown-dark-4: #322922;
    --beam-brown-dark-5: #3e3128;
    --beam-brown-dark-6: #4d3c2f;
    --beam-brown-dark-7: #614a39;
    --beam-brown-dark-8: #7c5f46;
    --beam-brown-dark-9: #ad7f58;
    --beam-brown-dark-10: #b88c67;
    --beam-brown-dark-11: #dbb594;
    --beam-brown-dark-12: #f2e1ca;
    --beam-brown-dark-alpha-a1: rgba(145, 17, 0, 0.0078);
    --beam-brown-dark-alpha-a2: rgba(251, 166, 124, 0.0471);
    --beam-brown-dark-alpha-a3: rgba(252, 181, 140, 0.098);
    --beam-brown-dark-alpha-a4: rgba(251, 187, 138, 0.1412);
    --beam-brown-dark-alpha-a5: rgba(252, 184, 137, 0.1922);
    --beam-brown-dark-alpha-a6: rgba(253, 186, 135, 0.2549);
    --beam-brown-dark-alpha-a7: rgba(255, 187, 136, 0.3373);
    --beam-brown-dark-alpha-a8: rgba(255, 190, 135, 0.451);
    --beam-brown-dark-alpha-a9: rgba(254, 184, 125, 0.6588);
    --beam-brown-dark-alpha-a10: rgba(255, 193, 140, 0.702);
    --beam-brown-dark-alpha-a11: rgba(254, 209, 170, 0.851);
    --beam-brown-dark-alpha-a12: rgba(254, 236, 212, 0.949);
    --beam-crimson-1: #fffcfd;
    --beam-crimson-2: #fef7f9;
    --beam-crimson-3: #ffe9f0;
    --beam-crimson-4: #fedce7;
    --beam-crimson-5: #facedd;
    --beam-crimson-6: #f3bed1;
    --beam-crimson-7: #eaacc3;
    --beam-crimson-8: #e093b2;
    --beam-crimson-9: #e93d82;
    --beam-crimson-10: #df3478;
    --beam-crimson-11: #cb1d63;
    --beam-crimson-12: #621639;
    --beam-crimson-alpha-a1: rgba(255, 0, 85, 0.0118);
    --beam-crimson-alpha-a2: rgba(224, 0, 64, 0.0314);
    --beam-crimson-alpha-a3: rgba(255, 0, 82, 0.0863);
    --beam-crimson-alpha-a4: rgba(248, 0, 81, 0.1373);
    --beam-crimson-alpha-a5: rgba(229, 0, 79, 0.1922);
    --beam-crimson-alpha-a6: rgba(208, 0, 75, 0.2549);
    --beam-crimson-alpha-a7: rgba(191, 0, 71, 0.3255);
    --beam-crimson-alpha-a8: rgba(182, 0, 74, 0.4235);
    --beam-crimson-alpha-a9: rgba(226, 0, 91, 0.7608);
    --beam-crimson-alpha-a10: rgba(215, 0, 86, 0.7961);
    --beam-crimson-alpha-a11: rgba(196, 0, 79, 0.8863);
    --beam-crimson-alpha-a12: rgba(83, 0, 38, 0.9137);
    --beam-crimson-dark-1: #191114;
    --beam-crimson-dark-2: #201318;
    --beam-crimson-dark-3: #381525;
    --beam-crimson-dark-4: #4d122f;
    --beam-crimson-dark-5: #5c1839;
    --beam-crimson-dark-6: #6d2545;
    --beam-crimson-dark-7: #873356;
    --beam-crimson-dark-8: #b0436e;
    --beam-crimson-dark-9: #e93d82;
    --beam-crimson-dark-10: #ee518a;
    --beam-crimson-dark-11: #ff92ad;
    --beam-crimson-dark-12: #fdd3e8;
    --beam-crimson-dark-alpha-a1: rgba(244, 18, 103, 0.0353);
    --beam-crimson-dark-alpha-a2: rgba(242, 47, 122, 0.0667);
    --beam-crimson-dark-alpha-a3: rgba(254, 42, 139, 0.1647);
    --beam-crimson-dark-alpha-a4: rgba(253, 21, 135, 0.2549);
    --beam-crimson-dark-alpha-a5: rgba(253, 39, 143, 0.3176);
    --beam-crimson-dark-alpha-a6: rgba(254, 69, 151, 0.3882);
    --beam-crimson-dark-alpha-a7: rgba(253, 85, 155, 0.498);
    --beam-crimson-dark-alpha-a8: rgba(254, 91, 155, 0.6706);
    --beam-crimson-dark-alpha-a9: rgba(254, 65, 141, 0.9098);
    --beam-crimson-dark-alpha-a10: rgba(255, 86, 147, 0.9294);
    --beam-crimson-dark-alpha-a11: #ff92ad;
    --beam-crimson-dark-alpha-a12: rgba(255, 213, 234, 0.9922);
    --beam-cyan-1: #fafdfe;
    --beam-cyan-2: #f2fafb;
    --beam-cyan-3: #def7f9;
    --beam-cyan-4: #caf1f6;
    --beam-cyan-5: #b5e9f0;
    --beam-cyan-6: #9ddde7;
    --beam-cyan-7: #7dcedc;
    --beam-cyan-8: #3db9cf;
    --beam-cyan-9: #00a2c7;
    --beam-cyan-10: #0797b9;
    --beam-cyan-11: #107d98;
    --beam-cyan-12: #0d3c48;
    --beam-cyan-alpha-a1: rgba(0, 153, 204, 0.0196);
    --beam-cyan-alpha-a2: rgba(0, 157, 177, 0.051);
    --beam-cyan-alpha-a3: rgba(0, 194, 209, 0.1294);
    --beam-cyan-alpha-a4: rgba(0, 188, 212, 0.2078);
    --beam-cyan-alpha-a5: rgba(1, 180, 204, 0.2902);
    --beam-cyan-alpha-a6: rgba(0, 167, 193, 0.3843);
    --beam-cyan-alpha-a7: rgba(0, 159, 187, 0.5098);
    --beam-cyan-alpha-a8: rgba(0, 163, 192, 0.7608);
    --beam-cyan-alpha-a9: #00a2c7;
    --beam-cyan-alpha-a10: rgba(0, 148, 183, 0.9725);
    --beam-cyan-alpha-a11: rgba(0, 116, 145, 0.9373);
    --beam-cyan-alpha-a12: rgba(0, 50, 62, 0.949);
    --beam-cyan-dark-1: #0b161a;
    --beam-cyan-dark-2: #101b20;
    --beam-cyan-dark-3: #082c36;
    --beam-cyan-dark-4: #003848;
    --beam-cyan-dark-5: #004558;
    --beam-cyan-dark-6: #045468;
    --beam-cyan-dark-7: #12677e;
    --beam-cyan-dark-8: #11809c;
    --beam-cyan-dark-9: #00a2c7;
    --beam-cyan-dark-10: #23afd0;
    --beam-cyan-dark-11: #4ccce6;
    --beam-cyan-dark-12: #b6ecf7;
    --beam-cyan-dark-alpha-a1: rgba(0, 145, 247, 0.0392);
    --beam-cyan-dark-alpha-a2: rgba(2, 167, 242, 0.0667);
    --beam-cyan-dark-alpha-a3: rgba(0, 190, 253, 0.1569);
    --beam-cyan-dark-alpha-a4: rgba(0, 186, 255, 0.2314);
    --beam-cyan-dark-alpha-a5: rgba(0, 190, 253, 0.302);
    --beam-cyan-dark-alpha-a6: rgba(0, 199, 253, 0.3686);
    --beam-cyan-dark-alpha-a7: rgba(20, 205, 255, 0.4588);
    --beam-cyan-dark-alpha-a8: rgba(17, 207, 255, 0.5843);
    --beam-cyan-dark-alpha-a9: rgba(0, 207, 255, 0.7647);
    --beam-cyan-dark-alpha-a10: rgba(40, 214, 255, 0.8039);
    --beam-cyan-dark-alpha-a11: rgba(82, 225, 254, 0.898);
    --beam-cyan-dark-alpha-a12: rgba(187, 243, 254, 0.9686);
    --beam-gold-1: #fdfdfc;
    --beam-gold-2: #faf9f2;
    --beam-gold-3: #f2f0e7;
    --beam-gold-4: #eae6db;
    --beam-gold-5: #e1dccf;
    --beam-gold-6: #d8d0bf;
    --beam-gold-7: #cbc0aa;
    --beam-gold-8: #b9a88d;
    --beam-gold-9: #978365;
    --beam-gold-10: #8c7a5e;
    --beam-gold-11: #71624b;
    --beam-gold-12: #3b352b;
    --beam-gold-alpha-a1: rgba(85, 85, 0, 0.0118);
    --beam-gold-alpha-a2: rgba(157, 138, 0, 0.051);
    --beam-gold-alpha-a3: rgba(117, 96, 0, 0.0941);
    --beam-gold-alpha-a4: rgba(107, 78, 0, 0.1412);
    --beam-gold-alpha-a5: rgba(96, 70, 0, 0.1882);
    --beam-gold-alpha-a6: rgba(100, 68, 0, 0.251);
    --beam-gold-alpha-a7: rgba(99, 66, 0, 0.3333);
    --beam-gold-alpha-a8: rgba(99, 61, 0, 0.4471);
    --beam-gold-alpha-a9: rgba(83, 50, 0, 0.6039);
    --beam-gold-alpha-a10: rgba(73, 45, 0, 0.6314);
    --beam-gold-alpha-a11: rgba(54, 33, 0, 0.7059);
    --beam-gold-alpha-a12: rgba(19, 12, 0, 0.8314);
    --beam-gold-dark-1: #121211;
    --beam-gold-dark-2: #1b1a17;
    --beam-gold-dark-3: #24231f;
    --beam-gold-dark-4: #2d2b26;
    --beam-gold-dark-5: #38352e;
    --beam-gold-dark-6: #444039;
    --beam-gold-dark-7: #544f46;
    --beam-gold-dark-8: #696256;
    --beam-gold-dark-9: #978365;
    --beam-gold-dark-10: #a39073;
    --beam-gold-dark-11: #cbb99f;
    --beam-gold-dark-12: #e8e2d9;
    --beam-gold-dark-alpha-a1: rgba(145, 145, 17, 0.0078);
    --beam-gold-dark-alpha-a2: rgba(249, 226, 157, 0.0431);
    --beam-gold-dark-alpha-a3: rgba(248, 236, 187, 0.0824);
    --beam-gold-dark-alpha-a4: rgba(255, 238, 196, 0.1176);
    --beam-gold-dark-alpha-a5: rgba(254, 236, 194, 0.1647);
    --beam-gold-dark-alpha-a6: rgba(254, 235, 203, 0.2157);
    --beam-gold-dark-alpha-a7: rgba(255, 237, 205, 0.2824);
    --beam-gold-dark-alpha-a8: rgba(253, 234, 202, 0.3725);
    --beam-gold-dark-alpha-a9: rgba(255, 219, 166, 0.5647);
    --beam-gold-dark-alpha-a10: rgba(254, 223, 176, 0.6157);
    --beam-gold-dark-alpha-a11: rgba(254, 231, 198, 0.7843);
    --beam-gold-dark-alpha-a12: rgba(254, 247, 237, 0.9059);
    --beam-grass-1: #fbfefb;
    --beam-grass-2: #f5fbf5;
    --beam-grass-3: #e9f6e9;
    --beam-grass-4: #daf1db;
    --beam-grass-5: #c9e8ca;
    --beam-grass-6: #b2ddb5;
    --beam-grass-7: #94ce9a;
    --beam-grass-8: #65ba74;
    --beam-grass-9: #46a758;
    --beam-grass-10: #3e9b4f;
    --beam-grass-11: #2a7e3b;
    --beam-grass-12: #203c25;
    --beam-grass-alpha-a1: rgba(0, 192, 0, 0.0157);
    --beam-grass-alpha-a2: rgba(0, 153, 0, 0.0392);
    --beam-grass-alpha-a3: rgba(0, 151, 0, 0.0863);
    --beam-grass-alpha-a4: rgba(0, 159, 7, 0.1451);
    --beam-grass-alpha-a5: rgba(0, 147, 5, 0.2118);
    --beam-grass-alpha-a6: rgba(0, 143, 10, 0.302);
    --beam-grass-alpha-a7: rgba(1, 139, 15, 0.4196);
    --beam-grass-alpha-a8: rgba(0, 141, 25, 0.6039);
    --beam-grass-alpha-a9: rgba(0, 134, 25, 0.7255);
    --beam-grass-alpha-a10: rgba(0, 123, 23, 0.7569);
    --beam-grass-alpha-a11: rgba(0, 101, 20, 0.8353);
    --beam-grass-alpha-a12: rgba(0, 32, 6, 0.8745);
    --beam-grass-dark-1: #0e1511;
    --beam-grass-dark-2: #141a15;
    --beam-grass-dark-3: #1b2a1e;
    --beam-grass-dark-4: #1d3a24;
    --beam-grass-dark-5: #25482d;
    --beam-grass-dark-6: #2d5736;
    --beam-grass-dark-7: #366740;
    --beam-grass-dark-8: #3e7949;
    --beam-grass-dark-9: #46a758;
    --beam-grass-dark-10: #53b365;
    --beam-grass-dark-11: #71d083;
    --beam-grass-dark-12: #c2f0c2;
    --beam-grass-dark-alpha-a1: rgba(0, 222, 18, 0.0196);
    --beam-grass-dark-alpha-a2: rgba(94, 247, 120, 0.0392);
    --beam-grass-dark-alpha-a3: rgba(112, 254, 140, 0.1059);
    --beam-grass-dark-alpha-a4: rgba(87, 255, 128, 0.1725);
    --beam-grass-dark-alpha-a5: rgba(104, 255, 139, 0.2314);
    --beam-grass-dark-alpha-a6: rgba(113, 255, 143, 0.2941);
    --beam-grass-dark-alpha-a7: rgba(119, 253, 146, 0.3647);
    --beam-grass-dark-alpha-a8: rgba(119, 253, 144, 0.4392);
    --beam-grass-dark-alpha-a9: rgba(101, 255, 130, 0.6314);
    --beam-grass-dark-alpha-a10: rgba(114, 255, 141, 0.6824);
    --beam-grass-dark-alpha-a11: rgba(137, 255, 159, 0.8039);
    --beam-grass-dark-alpha-a12: rgba(206, 255, 206, 0.9373);
    --beam-gray-1: #fcfcfc;
    --beam-gray-2: #f9f9f9;
    --beam-gray-3: #f0f0f0;
    --beam-gray-4: #e8e8e8;
    --beam-gray-5: #e0e0e0;
    --beam-gray-6: #d9d9d9;
    --beam-gray-7: #cecece;
    --beam-gray-8: #bbbbbb;
    --beam-gray-9: #8d8d8d;
    --beam-gray-10: #838383;
    --beam-gray-11: #646464;
    --beam-gray-12: #202020;
    --beam-gray-alpha-a1: rgba(0, 0, 0, 0.0118);
    --beam-gray-alpha-a2: rgba(0, 0, 0, 0.0235);
    --beam-gray-alpha-a3: rgba(0, 0, 0, 0.0588);
    --beam-gray-alpha-a4: rgba(0, 0, 0, 0.0902);
    --beam-gray-alpha-a5: rgba(0, 0, 0, 0.1216);
    --beam-gray-alpha-a6: rgba(0, 0, 0, 0.149);
    --beam-gray-alpha-a7: rgba(0, 0, 0, 0.1922);
    --beam-gray-alpha-a8: rgba(0, 0, 0, 0.2667);
    --beam-gray-alpha-a9: rgba(0, 0, 0, 0.4471);
    --beam-gray-alpha-a10: rgba(0, 0, 0, 0.4863);
    --beam-gray-alpha-a11: rgba(0, 0, 0, 0.6078);
    --beam-gray-alpha-a12: rgba(0, 0, 0, 0.8745);
    --beam-gray-dark-1: #111111;
    --beam-gray-dark-2: #191919;
    --beam-gray-dark-3: #222222;
    --beam-gray-dark-4: #2a2a2a;
    --beam-gray-dark-5: #313131;
    --beam-gray-dark-6: #3a3a3a;
    --beam-gray-dark-7: #484848;
    --beam-gray-dark-8: #606060;
    --beam-gray-dark-9: #6e6e6e;
    --beam-gray-dark-10: #7b7b7b;
    --beam-gray-dark-11: #b4b4b4;
    --beam-gray-dark-12: #eeeeee;
    --beam-gray-dark-alpha-a1: rgba(0, 0, 0, 0);
    --beam-gray-dark-alpha-a2: rgba(255, 255, 255, 0.0353);
    --beam-gray-dark-alpha-a3: rgba(255, 255, 255, 0.0706);
    --beam-gray-dark-alpha-a4: rgba(255, 255, 255, 0.1059);
    --beam-gray-dark-alpha-a5: rgba(255, 255, 255, 0.1333);
    --beam-gray-dark-alpha-a6: rgba(255, 255, 255, 0.1725);
    --beam-gray-dark-alpha-a7: rgba(255, 255, 255, 0.2314);
    --beam-gray-dark-alpha-a8: rgba(255, 255, 255, 0.3333);
    --beam-gray-dark-alpha-a9: rgba(255, 255, 255, 0.3922);
    --beam-gray-dark-alpha-a10: rgba(255, 255, 255, 0.4471);
    --beam-gray-dark-alpha-a11: rgba(255, 255, 255, 0.6863);
    --beam-gray-dark-alpha-a12: rgba(255, 255, 255, 0.9294);
    --beam-green-1: #fbfefc;
    --beam-green-2: #f4fbf6;
    --beam-green-3: #e6f6eb;
    --beam-green-4: #d6f1df;
    --beam-green-5: #c4e8d1;
    --beam-green-6: #adddc0;
    --beam-green-7: #8eceaa;
    --beam-green-8: #5bb98b;
    --beam-green-9: #30a46c;
    --beam-green-10: #2b9a66;
    --beam-green-11: #218358;
    --beam-green-12: #193b2d;
    --beam-green-alpha-a1: rgba(0, 192, 64, 0.0157);
    --beam-green-alpha-a2: rgba(0, 163, 47, 0.0431);
    --beam-green-alpha-a3: rgba(0, 164, 51, 0.098);
    --beam-green-alpha-a4: rgba(0, 168, 56, 0.1608);
    --beam-green-alpha-a5: rgba(1, 156, 57, 0.2314);
    --beam-green-alpha-a6: rgba(0, 150, 60, 0.3216);
    --beam-green-alpha-a7: rgba(0, 145, 64, 0.4431);
    --beam-green-alpha-a8: rgba(0, 146, 75, 0.6431);
    --beam-green-alpha-a9: rgba(0, 143, 74, 0.8118);
    --beam-green-alpha-a10: rgba(0, 134, 71, 0.8314);
    --beam-green-alpha-a11: rgba(0, 113, 63, 0.8706);
    --beam-green-alpha-a12: rgba(0, 38, 22, 0.902);
    --beam-green-dark-1: #0e1512;
    --beam-green-dark-2: #121b17;
    --beam-green-dark-3: #132d21;
    --beam-green-dark-4: #113b29;
    --beam-green-dark-5: #174933;
    --beam-green-dark-6: #20573e;
    --beam-green-dark-7: #28684a;
    --beam-green-dark-8: #2f7c57;
    --beam-green-dark-9: #30a46c;
    --beam-green-dark-10: #33b074;
    --beam-green-dark-11: #3dd68c;
    --beam-green-dark-12: #b1f1cb;
    --beam-green-dark-alpha-a1: rgba(0, 222, 69, 0.0196);
    --beam-green-dark-alpha-a2: rgba(41, 249, 157, 0.0431);
    --beam-green-dark-alpha-a3: rgba(34, 255, 153, 0.1176);
    --beam-green-dark-alpha-a4: rgba(17, 255, 153, 0.1765);
    --beam-green-dark-alpha-a5: rgba(43, 255, 162, 0.2353);
    --beam-green-dark-alpha-a6: rgba(68, 255, 170, 0.2941);
    --beam-green-dark-alpha-a7: rgba(80, 253, 172, 0.3686);
    --beam-green-dark-alpha-a8: rgba(84, 255, 173, 0.451);
    --beam-green-dark-alpha-a9: rgba(68, 255, 164, 0.6196);
    --beam-green-dark-alpha-a10: rgba(67, 254, 164, 0.6706);
    --beam-green-dark-alpha-a11: rgba(70, 254, 165, 0.8314);
    --beam-green-dark-alpha-a12: rgba(187, 255, 215, 0.9412);
    --beam-indigo-1: #fdfdfe;
    --beam-indigo-2: #f7f9ff;
    --beam-indigo-3: #edf2fe;
    --beam-indigo-4: #e1e9ff;
    --beam-indigo-5: #d2deff;
    --beam-indigo-6: #c1d0ff;
    --beam-indigo-7: #abbdf9;
    --beam-indigo-8: #8da4ef;
    --beam-indigo-9: #3e63dd;
    --beam-indigo-10: #3358d4;
    --beam-indigo-11: #3a5bc7;
    --beam-indigo-12: #1f2d5c;
    --beam-indigo-alpha-a1: rgba(0, 0, 128, 0.0078);
    --beam-indigo-alpha-a2: rgba(0, 64, 255, 0.0314);
    --beam-indigo-alpha-a3: rgba(0, 71, 241, 0.0706);
    --beam-indigo-alpha-a4: rgba(0, 68, 255, 0.1176);
    --beam-indigo-alpha-a5: rgba(0, 68, 255, 0.1765);
    --beam-indigo-alpha-a6: rgba(0, 62, 255, 0.2431);
    --beam-indigo-alpha-a7: rgba(0, 55, 237, 0.3294);
    --beam-indigo-alpha-a8: rgba(0, 52, 220, 0.4471);
    --beam-indigo-alpha-a9: rgba(0, 49, 210, 0.7569);
    --beam-indigo-alpha-a10: rgba(0, 46, 201, 0.8);
    --beam-indigo-alpha-a11: rgba(0, 43, 183, 0.7725);
    --beam-indigo-alpha-a12: rgba(0, 16, 70, 0.8784);
    --beam-indigo-dark-1: #11131f;
    --beam-indigo-dark-2: #141726;
    --beam-indigo-dark-3: #182449;
    --beam-indigo-dark-4: #1d2e62;
    --beam-indigo-dark-5: #253974;
    --beam-indigo-dark-6: #304384;
    --beam-indigo-dark-7: #3a4f97;
    --beam-indigo-dark-8: #435db1;
    --beam-indigo-dark-9: #3e63dd;
    --beam-indigo-dark-10: #5472e4;
    --beam-indigo-dark-11: #9eb1ff;
    --beam-indigo-dark-12: #d6e1ff;
    --beam-indigo-dark-alpha-a1: rgba(17, 51, 255, 0.0588);
    --beam-indigo-dark-alpha-a2: rgba(51, 84, 250, 0.0902);
    --beam-indigo-dark-alpha-a3: rgba(47, 98, 255, 0.2353);
    --beam-indigo-dark-alpha-a4: rgba(53, 102, 255, 0.3412);
    --beam-indigo-dark-alpha-a5: rgba(65, 113, 253, 0.4196);
    --beam-indigo-dark-alpha-a6: rgba(81, 120, 253, 0.4863);
    --beam-indigo-dark-alpha-a7: rgba(90, 127, 255, 0.5647);
    --beam-indigo-dark-alpha-a8: rgba(91, 129, 254, 0.6745);
    --beam-indigo-dark-alpha-a9: rgba(70, 113, 255, 0.8588);
    --beam-indigo-dark-alpha-a10: rgba(92, 126, 254, 0.8902);
    --beam-indigo-dark-alpha-a11: #9eb1ff;
    --beam-indigo-dark-alpha-a12: #d6e1ff;
    --beam-iris-1: #fdfdff;
    --beam-iris-2: #f8f8ff;
    --beam-iris-3: #f0f1fe;
    --beam-iris-4: #e6e7ff;
    --beam-iris-5: #dadcff;
    --beam-iris-6: #cbcdff;
    --beam-iris-7: #b8baf8;
    --beam-iris-8: #9b9ef0;
    --beam-iris-9: #5b5bd6;
    --beam-iris-10: #5151cd;
    --beam-iris-11: #5753c6;
    --beam-iris-12: #272962;
    --beam-iris-alpha-a1: rgba(0, 0, 255, 0.0078);
    --beam-iris-alpha-a2: rgba(0, 0, 255, 0.0275);
    --beam-iris-alpha-a3: rgba(0, 17, 238, 0.0588);
    --beam-iris-alpha-a4: rgba(0, 11, 255, 0.098);
    --beam-iris-alpha-a5: rgba(0, 14, 255, 0.1451);
    --beam-iris-alpha-a6: rgba(0, 10, 255, 0.2039);
    --beam-iris-alpha-a7: rgba(0, 8, 230, 0.2784);
    --beam-iris-alpha-a8: rgba(0, 8, 217, 0.3922);
    --beam-iris-alpha-a9: rgba(0, 0, 192, 0.6431);
    --beam-iris-alpha-a10: rgba(0, 0, 182, 0.6824);
    --beam-iris-alpha-a11: rgba(6, 0, 171, 0.6745);
    --beam-iris-alpha-a12: rgba(0, 2, 70, 0.8471);
    --beam-iris-dark-1: #13131e;
    --beam-iris-dark-2: #171625;
    --beam-iris-dark-3: #202248;
    --beam-iris-dark-4: #262a65;
    --beam-iris-dark-5: #303374;
    --beam-iris-dark-6: #3d3e82;
    --beam-iris-dark-7: #4a4a95;
    --beam-iris-dark-8: #5958b1;
    --beam-iris-dark-9: #5b5bd6;
    --beam-iris-dark-10: #6e6ade;
    --beam-iris-dark-11: #b1a9ff;
    --beam-iris-dark-12: #e0dffe;
    --beam-iris-dark-alpha-a1: rgba(54, 54, 254, 0.0549);
    --beam-iris-dark-alpha-a2: rgba(86, 75, 249, 0.0863);
    --beam-iris-dark-alpha-a3: rgba(82, 91, 255, 0.2314);
    --beam-iris-dark-alpha-a4: rgba(77, 88, 255, 0.3529);
    --beam-iris-dark-alpha-a5: rgba(91, 98, 253, 0.4196);
    --beam-iris-dark-alpha-a6: rgba(109, 111, 253, 0.4784);
    --beam-iris-dark-alpha-a7: rgba(119, 119, 254, 0.5569);
    --beam-iris-dark-alpha-a8: rgba(123, 122, 254, 0.6745);
    --beam-iris-dark-alpha-a9: rgba(106, 106, 254, 0.8314);
    --beam-iris-dark-alpha-a10: rgba(125, 121, 255, 0.8627);
    --beam-iris-dark-alpha-a11: #b1a9ff;
    --beam-iris-dark-alpha-a12: rgba(225, 224, 255, 0.9961);
    --beam-jade-1: #fbfefd;
    --beam-jade-2: #f4fbf7;
    --beam-jade-3: #e6f7ed;
    --beam-jade-4: #d6f1e3;
    --beam-jade-5: #c3e9d7;
    --beam-jade-6: #acdec8;
    --beam-jade-7: #8bceb6;
    --beam-jade-8: #56ba9f;
    --beam-jade-9: #29a383;
    --beam-jade-10: #26997b;
    --beam-jade-11: #208368;
    --beam-jade-12: #1d3b31;
    --beam-jade-alpha-a1: rgba(0, 192, 128, 0.0157);
    --beam-jade-alpha-a2: rgba(0, 163, 70, 0.0431);
    --beam-jade-alpha-a3: rgba(0, 174, 72, 0.098);
    --beam-jade-alpha-a4: rgba(0, 168, 81, 0.1608);
    --beam-jade-alpha-a5: rgba(0, 162, 85, 0.2353);
    --beam-jade-alpha-a6: rgba(0, 154, 87, 0.3255);
    --beam-jade-alpha-a7: rgba(0, 148, 95, 0.4549);
    --beam-jade-alpha-a8: rgba(0, 151, 110, 0.6627);
    --beam-jade-alpha-a9: rgba(0, 145, 107, 0.8392);
    --beam-jade-alpha-a10: rgba(0, 135, 100, 0.851);
    --beam-jade-alpha-a11: rgba(0, 113, 82, 0.8745);
    --beam-jade-alpha-a12: rgba(0, 34, 23, 0.8863);
    --beam-jade-dark-1: #0d1512;
    --beam-jade-dark-2: #121c18;
    --beam-jade-dark-3: #0f2e22;
    --beam-jade-dark-4: #0b3b2c;
    --beam-jade-dark-5: #114837;
    --beam-jade-dark-6: #1b5745;
    --beam-jade-dark-7: #246854;
    --beam-jade-dark-8: #2a7e68;
    --beam-jade-dark-9: #29a383;
    --beam-jade-dark-10: #27b08b;
    --beam-jade-dark-11: #1fd8a4;
    --beam-jade-dark-12: #adf0d4;
    --beam-jade-dark-alpha-a1: rgba(0, 222, 69, 0.0196);
    --beam-jade-dark-alpha-a2: rgba(39, 251, 166, 0.0471);
    --beam-jade-dark-alpha-a3: rgba(2, 249, 153, 0.1255);
    --beam-jade-dark-alpha-a4: rgba(0, 255, 170, 0.1765);
    --beam-jade-dark-alpha-a5: rgba(17, 255, 182, 0.2314);
    --beam-jade-dark-alpha-a6: rgba(52, 255, 194, 0.2941);
    --beam-jade-dark-alpha-a7: rgba(69, 253, 199, 0.3686);
    --beam-jade-dark-alpha-a8: rgba(72, 255, 207, 0.4588);
    --beam-jade-dark-alpha-a9: rgba(56, 254, 202, 0.6157);
    --beam-jade-dark-alpha-a10: rgba(49, 254, 199, 0.6706);
    --beam-jade-dark-alpha-a11: rgba(33, 254, 192, 0.8392);
    --beam-jade-dark-alpha-a12: rgba(184, 255, 225, 0.9373);
    --beam-lime-1: #fcfdfa;
    --beam-lime-2: #f8faf3;
    --beam-lime-3: #eef6d6;
    --beam-lime-4: #e2f0bd;
    --beam-lime-5: #d3e7a6;
    --beam-lime-6: #c2da91;
    --beam-lime-7: #abc978;
    --beam-lime-8: #8db654;
    --beam-lime-9: #bdee63;
    --beam-lime-10: #b0e64c;
    --beam-lime-11: #5c7c2f;
    --beam-lime-12: #37401c;
    --beam-lime-alpha-a1: rgba(102, 153, 0, 0.0196);
    --beam-lime-alpha-a2: rgba(107, 149, 0, 0.0471);
    --beam-lime-alpha-a3: rgba(150, 200, 0, 0.1608);
    --beam-lime-alpha-a4: rgba(143, 198, 0, 0.2588);
    --beam-lime-alpha-a5: rgba(129, 187, 0, 0.349);
    --beam-lime-alpha-a6: rgba(114, 170, 0, 0.4314);
    --beam-lime-alpha-a7: rgba(97, 153, 0, 0.5294);
    --beam-lime-alpha-a8: rgba(85, 146, 0, 0.6706);
    --beam-lime-alpha-a9: rgba(147, 228, 0, 0.6118);
    --beam-lime-alpha-a10: rgba(143, 220, 0, 0.702);
    --beam-lime-alpha-a11: rgba(55, 95, 0, 0.8157);
    --beam-lime-alpha-a12: rgba(30, 41, 0, 0.8902);
    --beam-lime-dark-1: #11130c;
    --beam-lime-dark-2: #151a10;
    --beam-lime-dark-3: #1f2917;
    --beam-lime-dark-4: #29371d;
    --beam-lime-dark-5: #334423;
    --beam-lime-dark-6: #3d522a;
    --beam-lime-dark-7: #496231;
    --beam-lime-dark-8: #577538;
    --beam-lime-dark-9: #bdee63;
    --beam-lime-dark-10: #d4ff70;
    --beam-lime-dark-11: #bde56c;
    --beam-lime-dark-12: #e3f7ba;
    --beam-lime-dark-alpha-a1: rgba(17, 187, 0, 0.0118);
    --beam-lime-dark-alpha-a2: rgba(120, 247, 0, 0.0392);
    --beam-lime-dark-alpha-a3: rgba(155, 253, 76, 0.102);
    --beam-lime-dark-alpha-a4: rgba(167, 254, 92, 0.1608);
    --beam-lime-dark-alpha-a5: rgba(175, 254, 101, 0.2157);
    --beam-lime-dark-alpha-a6: rgba(178, 254, 109, 0.2745);
    --beam-lime-dark-alpha-a7: rgba(182, 255, 111, 0.3412);
    --beam-lime-dark-alpha-a8: rgba(182, 253, 109, 0.4235);
    --beam-lime-dark-alpha-a9: rgba(202, 255, 105, 0.9294);
    --beam-lime-dark-alpha-a10: #d4ff70;
    --beam-lime-dark-alpha-a11: rgba(209, 254, 119, 0.8941);
    --beam-lime-dark-alpha-a12: rgba(233, 254, 191, 0.9686);
    --beam-mauve-1: #fdfcfd;
    --beam-mauve-2: #faf9fb;
    --beam-mauve-3: #f2eff3;
    --beam-mauve-4: #eae7ec;
    --beam-mauve-5: #e3dfe6;
    --beam-mauve-6: #dbd8e0;
    --beam-mauve-7: #d0cdd7;
    --beam-mauve-8: #bcbac7;
    --beam-mauve-9: #8e8c99;
    --beam-mauve-10: #84828e;
    --beam-mauve-11: #65636d;
    --beam-mauve-12: #211f26;
    --beam-mauve-alpha-a1: rgba(85, 0, 85, 0.0118);
    --beam-mauve-alpha-a2: rgba(43, 0, 85, 0.0235);
    --beam-mauve-alpha-a3: rgba(48, 0, 64, 0.0627);
    --beam-mauve-alpha-a4: rgba(32, 0, 54, 0.0941);
    --beam-mauve-alpha-a5: rgba(32, 0, 56, 0.1255);
    --beam-mauve-alpha-a7: rgba(16, 0, 51, 0.1961);
    --beam-mauve-alpha-a8: rgba(8, 0, 49, 0.2706);
    --beam-mauve-alpha-a9: rgba(5, 0, 29, 0.451);
    --beam-mauve-alpha-a10: rgba(5, 0, 25, 0.4902);
    --beam-mauve-alpha-a11: rgba(4, 0, 17, 0.6118);
    --beam-mauve-alpha-a12: rgba(2, 0, 8, 0.8784);
    --beam-mauve-alpha-a6: rgba(20, 0, 53, 0.1529);
    --beam-mauve-dark-1: #121113;
    --beam-mauve-dark-2: #1a191b;
    --beam-mauve-dark-3: #232225;
    --beam-mauve-dark-4: #2b292d;
    --beam-mauve-dark-5: #323035;
    --beam-mauve-dark-6: #3c393f;
    --beam-mauve-dark-7: #49474e;
    --beam-mauve-dark-8: #625f69;
    --beam-mauve-dark-9: #6f6d78;
    --beam-mauve-dark-10: #7c7a85;
    --beam-mauve-dark-11: #b5b2bc;
    --beam-mauve-dark-12: #eeeef0;
    --beam-mauve-dark-alpha-a1: rgba(0, 0, 0, 0);
    --beam-mauve-dark-alpha-a2: rgba(245, 244, 246, 0.0353);
    --beam-mauve-dark-alpha-a3: rgba(235, 234, 248, 0.0784);
    --beam-mauve-dark-alpha-a4: rgba(238, 229, 248, 0.1137);
    --beam-mauve-dark-alpha-a5: rgba(239, 230, 254, 0.1451);
    --beam-mauve-dark-alpha-a6: rgba(241, 230, 253, 0.1882);
    --beam-mauve-dark-alpha-a7: rgba(238, 233, 255, 0.251);
    --beam-mauve-dark-alpha-a8: rgba(238, 231, 255, 0.3647);
    --beam-mauve-dark-alpha-a9: rgba(234, 230, 253, 0.4314);
    --beam-mauve-dark-alpha-a10: rgba(236, 233, 253, 0.4863);
    --beam-mauve-dark-alpha-a11: rgba(245, 241, 255, 0.7176);
    --beam-mauve-dark-alpha-a12: rgba(253, 253, 255, 0.9373);
    --beam-mint-1: #f9fefd;
    --beam-mint-2: #f2fbf9;
    --beam-mint-3: #ddf9f2;
    --beam-mint-4: #c8f4e9;
    --beam-mint-5: #b3ecde;
    --beam-mint-6: #9ce0d0;
    --beam-mint-7: #7ecfbd;
    --beam-mint-8: #4cbba5;
    --beam-mint-9: #86ead4;
    --beam-mint-10: #7de0cb;
    --beam-mint-11: #027864;
    --beam-mint-12: #16433c;
    --beam-mint-alpha-a1: rgba(0, 213, 170, 0.0235);
    --beam-mint-alpha-a2: rgba(0, 177, 138, 0.051);
    --beam-mint-alpha-a3: rgba(0, 210, 158, 0.1333);
    --beam-mint-alpha-a4: rgba(0, 204, 153, 0.2157);
    --beam-mint-alpha-a5: rgba(0, 192, 145, 0.298);
    --beam-mint-alpha-a6: rgba(0, 176, 134, 0.3882);
    --beam-mint-alpha-a7: rgba(0, 161, 125, 0.5059);
    --beam-mint-alpha-a8: rgba(0, 158, 127, 0.702);
    --beam-mint-alpha-a9: rgba(0, 211, 165, 0.4745);
    --beam-mint-alpha-a10: rgba(0, 195, 153, 0.5098);
    --beam-mint-alpha-a11: rgba(0, 119, 99, 0.9922);
    --beam-mint-alpha-a12: rgba(0, 49, 42, 0.9137);
    --beam-mint-dark-1: #0e1515;
    --beam-mint-dark-2: #0f1b1b;
    --beam-mint-dark-3: #092c2b;
    --beam-mint-dark-4: #003a38;
    --beam-mint-dark-5: #004744;
    --beam-mint-dark-6: #105650;
    --beam-mint-dark-7: #1e685f;
    --beam-mint-dark-8: #277f70;
    --beam-mint-dark-9: #86ead4;
    --beam-mint-dark-10: #a8f5e5;
    --beam-mint-dark-11: #58d5ba;
    --beam-mint-dark-12: #c4f5e1;
    --beam-mint-dark-alpha-a1: rgba(0, 222, 222, 0.0196);
    --beam-mint-dark-alpha-a2: rgba(0, 249, 249, 0.0431);
    --beam-mint-dark-alpha-a3: rgba(0, 255, 246, 0.1137);
    --beam-mint-dark-alpha-a4: rgba(0, 255, 244, 0.1725);
    --beam-mint-dark-alpha-a5: rgba(0, 255, 242, 0.2275);
    --beam-mint-dark-alpha-a6: rgba(14, 255, 235, 0.2902);
    --beam-mint-dark-alpha-a7: rgba(52, 253, 229, 0.3686);
    --beam-mint-dark-alpha-a8: rgba(65, 255, 223, 0.4627);
    --beam-mint-dark-alpha-a9: rgba(146, 255, 231, 0.9137);
    --beam-mint-dark-alpha-a10: rgba(174, 254, 237, 0.9608);
    --beam-mint-dark-alpha-a11: rgba(103, 255, 222, 0.8235);
    --beam-mint-dark-alpha-a12: rgba(203, 254, 233, 0.9608);
    --beam-olive-1: #fcfdfc;
    --beam-olive-2: #f8faf8;
    --beam-olive-3: #eff1ef;
    --beam-olive-4: #e7e9e7;
    --beam-olive-5: #dfe2df;
    --beam-olive-6: #d7dad7;
    --beam-olive-7: #cccfcc;
    --beam-olive-8: #b9bcb8;
    --beam-olive-9: #898e87;
    --beam-olive-10: #7f847d;
    --beam-olive-11: #60655f;
    --beam-olive-12: #1d211c;
    --beam-olive-alpha-a1: rgba(0, 85, 0, 0.0118);
    --beam-olive-alpha-a2: rgba(0, 73, 0, 0.0275);
    --beam-olive-alpha-a3: rgba(0, 32, 0, 0.0627);
    --beam-olive-alpha-a4: rgba(0, 22, 0, 0.0941);
    --beam-olive-alpha-a5: rgba(0, 24, 0, 0.1255);
    --beam-olive-alpha-a6: rgba(0, 20, 0, 0.1569);
    --beam-olive-alpha-a7: rgba(0, 15, 0, 0.2);
    --beam-olive-alpha-a8: rgba(4, 15, 0, 0.2784);
    --beam-olive-alpha-a9: rgba(5, 15, 0, 0.4706);
    --beam-olive-alpha-a10: rgba(4, 14, 0, 0.5098);
    --beam-olive-alpha-a11: rgba(2, 10, 0, 0.6275);
    --beam-olive-alpha-a12: rgba(1, 6, 0, 0.8902);
    --beam-olive-dark-1: #111210;
    --beam-olive-dark-2: #181917;
    --beam-olive-dark-3: #212220;
    --beam-olive-dark-4: #282a27;
    --beam-olive-dark-5: #2f312e;
    --beam-olive-dark-6: #383a36;
    --beam-olive-dark-7: #454843;
    --beam-olive-dark-8: #5c625b;
    --beam-olive-dark-9: #687066;
    --beam-olive-dark-10: #767d74;
    --beam-olive-dark-11: #afb5ad;
    --beam-olive-dark-12: #eceeec;
    --beam-olive-dark-alpha-a1: rgba(0, 0, 0, 0);
    --beam-olive-dark-alpha-a2: rgba(241, 242, 240, 0.0314);
    --beam-olive-dark-alpha-a3: rgba(244, 245, 243, 0.0706);
    --beam-olive-dark-alpha-a4: rgba(243, 254, 242, 0.102);
    --beam-olive-dark-alpha-a5: rgba(242, 251, 241, 0.1333);
    --beam-olive-dark-alpha-a6: rgba(244, 250, 237, 0.1725);
    --beam-olive-dark-alpha-a7: rgba(242, 252, 237, 0.2314);
    --beam-olive-dark-alpha-a8: rgba(237, 253, 235, 0.3412);
    --beam-olive-dark-alpha-a9: rgba(235, 253, 231, 0.4);
    --beam-olive-dark-alpha-a10: rgba(240, 253, 236, 0.4549);
    --beam-olive-dark-alpha-a11: rgba(246, 254, 244, 0.6902);
    --beam-olive-dark-alpha-a12: rgba(253, 255, 253, 0.9294);
    --beam-orange-1: #fefcfb;
    --beam-orange-2: #fff7ed;
    --beam-orange-3: #ffefd6;
    --beam-orange-4: #ffdfb5;
    --beam-orange-5: #ffd19a;
    --beam-orange-6: #ffc182;
    --beam-orange-7: #f5ae73;
    --beam-orange-8: #ec9455;
    --beam-orange-9: #f76b15;
    --beam-orange-10: #ef5f00;
    --beam-orange-11: #cc4e00;
    --beam-orange-12: #582d1d;
    --beam-orange-alpha-a1: rgba(192, 64, 0, 0.0157);
    --beam-orange-alpha-a2: rgba(255, 142, 0, 0.0706);
    --beam-orange-alpha-a3: rgba(255, 156, 0, 0.1608);
    --beam-orange-alpha-a4: rgba(255, 145, 1, 0.2902);
    --beam-orange-alpha-a5: rgba(255, 139, 0, 0.3961);
    --beam-orange-alpha-a6: rgba(255, 129, 0, 0.4902);
    --beam-orange-alpha-a7: rgba(237, 108, 0, 0.549);
    --beam-orange-alpha-a8: rgba(227, 95, 0, 0.6667);
    --beam-orange-alpha-a9: rgba(246, 94, 0, 0.9176);
    --beam-orange-alpha-a10: #ef5f00;
    --beam-orange-alpha-a11: #cc4e00;
    --beam-orange-alpha-a12: rgba(67, 18, 0, 0.8863);
    --beam-orange-dark-1: #17120e;
    --beam-orange-dark-2: #1e160f;
    --beam-orange-dark-3: #331e0b;
    --beam-orange-dark-4: #462100;
    --beam-orange-dark-5: #562800;
    --beam-orange-dark-6: #66350c;
    --beam-orange-dark-7: #7e451d;
    --beam-orange-dark-8: #a35829;
    --beam-orange-dark-9: #f76b15;
    --beam-orange-dark-10: #ff801f;
    --beam-orange-dark-11: #ffa057;
    --beam-orange-dark-12: #ffe0c2;
    --beam-orange-dark-alpha-a1: rgba(236, 54, 0, 0.0275);
    --beam-orange-dark-alpha-a2: rgba(254, 109, 0, 0.0549);
    --beam-orange-dark-alpha-a3: rgba(251, 106, 0, 0.1451);
    --beam-orange-dark-alpha-a4: rgba(255, 89, 0, 0.2235);
    --beam-orange-dark-alpha-a5: rgba(255, 97, 0, 0.2902);
    --beam-orange-dark-alpha-a6: rgba(253, 117, 4, 0.3608);
    --beam-orange-dark-alpha-a7: rgba(255, 131, 44, 0.4588);
    --beam-orange-dark-alpha-a8: rgba(254, 132, 56, 0.6157);
    --beam-orange-dark-alpha-a9: rgba(254, 109, 21, 0.9686);
    --beam-orange-dark-alpha-a10: #ff801f;
    --beam-orange-dark-alpha-a11: #ffa057;
    --beam-orange-dark-alpha-a12: #ffe0c2;
    --beam-pink-1: #fffcfe;
    --beam-pink-2: #fef7fb;
    --beam-pink-3: #fee9f5;
    --beam-pink-4: #fbdcef;
    --beam-pink-5: #f6cee7;
    --beam-pink-6: #efbfdd;
    --beam-pink-7: #e7acd0;
    --beam-pink-8: #dd93c2;
    --beam-pink-9: #d6409f;
    --beam-pink-10: #cf3897;
    --beam-pink-11: #c2298a;
    --beam-pink-12: #651249;
    --beam-pink-alpha-a1: rgba(255, 0, 170, 0.0118);
    --beam-pink-alpha-a2: rgba(224, 0, 128, 0.0314);
    --beam-pink-alpha-a3: rgba(244, 0, 140, 0.0863);
    --beam-pink-alpha-a4: rgba(226, 0, 139, 0.1373);
    --beam-pink-alpha-a5: rgba(209, 0, 131, 0.1922);
    --beam-pink-alpha-a6: rgba(192, 0, 120, 0.251);
    --beam-pink-alpha-a7: rgba(182, 0, 111, 0.3255);
    --beam-pink-alpha-a8: rgba(175, 0, 111, 0.4235);
    --beam-pink-alpha-a9: rgba(200, 0, 127, 0.749);
    --beam-pink-alpha-a10: rgba(194, 0, 122, 0.7804);
    --beam-pink-alpha-a11: rgba(182, 0, 116, 0.8392);
    --beam-pink-alpha-a12: rgba(89, 0, 59, 0.9294);
    --beam-pink-dark-1: #191117;
    --beam-pink-dark-2: #21121d;
    --beam-pink-dark-3: #37172f;
    --beam-pink-dark-4: #4b143d;
    --beam-pink-dark-5: #591c47;
    --beam-pink-dark-6: #692955;
    --beam-pink-dark-7: #833869;
    --beam-pink-dark-8: #a84885;
    --beam-pink-dark-9: #d6409f;
    --beam-pink-dark-10: #de51a8;
    --beam-pink-dark-11: #ff8dcc;
    --beam-pink-dark-12: #fdd1ea;
    --beam-pink-dark-alpha-a1: rgba(244, 18, 188, 0.0353);
    --beam-pink-dark-alpha-a2: rgba(244, 32, 187, 0.0706);
    --beam-pink-dark-alpha-a3: rgba(254, 55, 204, 0.1608);
    --beam-pink-dark-alpha-a4: rgba(252, 30, 196, 0.2471);
    --beam-pink-dark-alpha-a5: rgba(253, 53, 194, 0.3059);
    --beam-pink-dark-alpha-a7: rgba(253, 98, 200, 0.4824);
    --beam-pink-dark-alpha-a8: rgba(255, 104, 200, 0.6353);
    --beam-pink-dark-alpha-a9: rgba(254, 73, 188, 0.8314);
    --beam-pink-dark-alpha-a10: rgba(255, 92, 192, 0.8627);
    --beam-pink-dark-alpha-a11: #ff8dcc;
    --beam-pink-dark-alpha-a12: rgba(255, 211, 236, 0.9922);
    --beam-pink-dark-alpha-a6: rgba(253, 81, 199, 0.3725);
    --beam-plum-1: #fefcff;
    --beam-plum-2: #fdf7fd;
    --beam-plum-3: #fbebfb;
    --beam-plum-4: #f7def8;
    --beam-plum-5: #f2d1f3;
    --beam-plum-6: #e9c2ec;
    --beam-plum-7: #deade3;
    --beam-plum-8: #cf91d8;
    --beam-plum-9: #ab4aba;
    --beam-plum-10: #a144af;
    --beam-plum-11: #953ea3;
    --beam-plum-12: #53195d;
    --beam-plum-alpha-a1: rgba(170, 0, 255, 0.0118);
    --beam-plum-alpha-a2: rgba(192, 0, 192, 0.0314);
    --beam-plum-alpha-a3: rgba(204, 0, 204, 0.0784);
    --beam-plum-alpha-a4: rgba(194, 0, 201, 0.1294);
    --beam-plum-alpha-a5: rgba(183, 0, 189, 0.1804);
    --beam-plum-alpha-a6: rgba(164, 0, 176, 0.2392);
    --beam-plum-alpha-a7: rgba(153, 0, 168, 0.3216);
    --beam-plum-alpha-a8: rgba(144, 0, 165, 0.4314);
    --beam-plum-alpha-a9: rgba(137, 0, 158, 0.7098);
    --beam-plum-alpha-a10: rgba(127, 0, 146, 0.7333);
    --beam-plum-alpha-a11: rgba(115, 0, 134, 0.7569);
    --beam-plum-alpha-a12: rgba(64, 0, 75, 0.902);
    --beam-plum-dark-1: #181118;
    --beam-plum-dark-2: #201320;
    --beam-plum-dark-3: #351a35;
    --beam-plum-dark-4: #451d47;
    --beam-plum-dark-5: #512454;
    --beam-plum-dark-6: #5e3061;
    --beam-plum-dark-7: #734079;
    --beam-plum-dark-8: #92549c;
    --beam-plum-dark-9: #ab4aba;
    --beam-plum-dark-10: #b658c4;
    --beam-plum-dark-11: #e796f3;
    --beam-plum-dark-12: #f4d4f4;
    --beam-plum-dark-alpha-a1: rgba(241, 18, 241, 0.0314);
    --beam-plum-dark-alpha-a2: rgba(242, 47, 242, 0.0667);
    --beam-plum-dark-alpha-a3: rgba(253, 76, 253, 0.1529);
    --beam-plum-dark-alpha-a4: rgba(246, 70, 255, 0.2275);
    --beam-plum-dark-alpha-a5: rgba(244, 85, 255, 0.2824);
    --beam-plum-dark-alpha-a6: rgba(246, 109, 255, 0.3373);
    --beam-plum-dark-alpha-a7: rgba(240, 124, 253, 0.4392);
    --beam-plum-dark-alpha-a8: rgba(238, 132, 255, 0.5843);
    --beam-plum-dark-alpha-a9: rgba(233, 97, 254, 0.7137);
    --beam-plum-dark-alpha-a10: rgba(237, 112, 255, 0.7529);
    --beam-plum-dark-alpha-a11: rgba(241, 156, 254, 0.9529);
    --beam-plum-dark-alpha-a12: rgba(254, 221, 254, 0.9569);
    --beam-purple-1: #fefcfe;
    --beam-purple-2: #fbf7fe;
    --beam-purple-3: #f7edfe;
    --beam-purple-4: #f2e2fc;
    --beam-purple-5: #ead5f9;
    --beam-purple-6: #e0c4f4;
    --beam-purple-7: #d1afec;
    --beam-purple-8: #be93e4;
    --beam-purple-9: #8e4ec6;
    --beam-purple-10: #8347b9;
    --beam-purple-11: #8145b5;
    --beam-purple-12: #402060;
    --beam-purple-alpha-a1: rgba(170, 0, 170, 0.0118);
    --beam-purple-alpha-a2: rgba(128, 0, 224, 0.0314);
    --beam-purple-alpha-a3: rgba(142, 0, 241, 0.0706);
    --beam-purple-alpha-a4: rgba(141, 0, 229, 0.1137);
    --beam-purple-alpha-a5: rgba(128, 0, 219, 0.1647);
    --beam-purple-alpha-a6: rgba(122, 1, 208, 0.2314);
    --beam-purple-alpha-a7: rgba(109, 0, 195, 0.3137);
    --beam-purple-alpha-a8: rgba(102, 0, 192, 0.4235);
    --beam-purple-alpha-a9: rgba(92, 0, 173, 0.6941);
    --beam-purple-alpha-a10: rgba(83, 0, 158, 0.7216);
    --beam-purple-alpha-a11: rgba(82, 0, 154, 0.7294);
    --beam-purple-alpha-a12: rgba(37, 0, 73, 0.8745);
    --beam-purple-dark-1: #18111b;
    --beam-purple-dark-2: #1e1523;
    --beam-purple-dark-3: #301c3b;
    --beam-purple-dark-4: #3d224e;
    --beam-purple-dark-5: #48295c;
    --beam-purple-dark-6: #54346b;
    --beam-purple-dark-7: #664282;
    --beam-purple-dark-8: #8457aa;
    --beam-purple-dark-9: #8e4ec6;
    --beam-purple-dark-10: #9a5cd0;
    --beam-purple-dark-11: #d19dff;
    --beam-purple-dark-12: #ecd9fa;
    --beam-purple-dark-alpha-a1: rgba(180, 18, 249, 0.0431);
    --beam-purple-dark-alpha-a2: rgba(183, 68, 247, 0.0784);
    --beam-purple-dark-alpha-a3: rgba(193, 80, 255, 0.1765);
    --beam-purple-dark-alpha-a4: rgba(187, 83, 253, 0.2588);
    --beam-purple-dark-alpha-a5: rgba(190, 92, 253, 0.3176);
    --beam-purple-dark-alpha-a6: rgba(193, 109, 253, 0.3804);
    --beam-purple-dark-alpha-a7: rgba(195, 120, 253, 0.4784);
    --beam-purple-dark-alpha-a8: rgba(196, 126, 255, 0.6431);
    --beam-purple-dark-alpha-a9: rgba(182, 97, 255, 0.7608);
    --beam-purple-dark-alpha-a10: rgba(188, 111, 255, 0.8039);
    --beam-purple-dark-alpha-a11: #d19dff;
    --beam-purple-dark-alpha-a12: rgba(241, 221, 255, 0.9804);
    --beam-rebecca-1: #fdfcfe;
    --beam-rebecca-2: #faf5ff;
    --beam-rebecca-3: #f2e6ff;
    --beam-rebecca-4: #e9d5ff;
    --beam-rebecca-5: #dfc4fd;
    --beam-rebecca-6: #d3b0f7;
    --beam-rebecca-7: #c197ee;
    --beam-rebecca-8: #a875de;
    --beam-rebecca-9: #663399;
    --beam-rebecca-10: #5b2d8a;
    --beam-rebecca-11: #7744aa;
    --beam-rebecca-12: #2f1546;
    --beam-rebecca-alpha-a1: rgba(85, 0, 170, 0.0118);
    --beam-rebecca-alpha-a2: rgba(102, 0, 255, 0.0392);
    --beam-rebecca-alpha-a3: rgba(102, 0, 238, 0.098);
    --beam-rebecca-alpha-a4: rgba(107, 0, 255, 0.1647);
    --beam-rebecca-alpha-a5: rgba(103, 0, 245, 0.2314);
    --beam-rebecca-alpha-a6: rgba(94, 0, 230, 0.3098);
    --beam-rebecca-alpha-a7: rgba(85, 0, 208, 0.4078);
    --beam-rebecca-alpha-a8: rgba(79, 0, 196, 0.5412);
    --beam-rebecca-alpha-a9: rgba(57, 0, 121, 0.8);
    --beam-rebecca-alpha-a10: rgba(58, 0, 122, 0.8353);
    --beam-rebecca-alpha-a11: rgba(68, 0, 170, 0.5333);
    --beam-rebecca-alpha-a12: rgba(25, 0, 64, 0.9176);
    --beam-rebecca-dark-1: #15101d;
    --beam-rebecca-dark-2: #1d1528;
    --beam-rebecca-dark-3: #2c1f42;
    --beam-rebecca-dark-4: #382755;
    --beam-rebecca-dark-5: #432f64;
    --beam-rebecca-dark-6: #503a76;
    --beam-rebecca-dark-7: #624b8f;
    --beam-rebecca-dark-8: #7d64b3;
    --beam-rebecca-dark-9: #663399;
    --beam-rebecca-dark-10: #7744aa;
    --beam-rebecca-dark-11: #c9a5f0;
    --beam-rebecca-dark-12: #ece3f8;
    --beam-rebecca-dark-alpha-a1: rgba(68, 0, 204, 0.051);
    --beam-rebecca-dark-alpha-a2: rgba(92, 40, 224, 0.0941);
    --beam-rebecca-dark-alpha-a3: rgba(107, 60, 244, 0.2039);
    --beam-rebecca-dark-alpha-a4: rgba(112, 64, 248, 0.2824);
    --beam-rebecca-dark-alpha-a5: rgba(118, 71, 250, 0.3451);
    --beam-rebecca-dark-alpha-a6: rgba(126, 82, 252, 0.4196);
    --beam-rebecca-dark-alpha-a7: rgba(133, 96, 254, 0.5255);
    --beam-rebecca-dark-alpha-a8: rgba(141, 108, 254, 0.6745);
    --beam-rebecca-dark-alpha-a9: rgba(112, 64, 240, 0.5686);
    --beam-rebecca-dark-alpha-a10: rgba(130, 86, 245, 0.6392);
    --beam-rebecca-dark-alpha-a11: rgba(203, 165, 251, 0.9373);
    --beam-rebecca-dark-alpha-a12: rgba(237, 229, 254, 0.9686);
    --beam-red-1: #fffcfc;
    --beam-red-2: #fff7f7;
    --beam-red-3: #feebec;
    --beam-red-4: #ffdbdc;
    --beam-red-5: #ffcdce;
    --beam-red-6: #fdbdbe;
    --beam-red-7: #f4a9aa;
    --beam-red-8: #eb8e90;
    --beam-red-9: #e5484d;
    --beam-red-10: #dc3e42;
    --beam-red-11: #ce2c31;
    --beam-red-12: #641723;
    --beam-red-alpha-a1: rgba(255, 0, 0, 0.0118);
    --beam-red-alpha-a2: rgba(255, 0, 0, 0.0314);
    --beam-red-alpha-a3: rgba(243, 0, 13, 0.0784);
    --beam-red-alpha-a4: rgba(255, 0, 8, 0.1412);
    --beam-red-alpha-a5: rgba(255, 0, 6, 0.1961);
    --beam-red-alpha-a6: rgba(248, 0, 4, 0.2588);
    --beam-red-alpha-a7: rgba(223, 0, 3, 0.3373);
    --beam-red-alpha-a8: rgba(210, 0, 5, 0.4431);
    --beam-red-alpha-a9: rgba(219, 0, 7, 0.7176);
    --beam-red-alpha-a10: rgba(209, 0, 5, 0.7569);
    --beam-red-alpha-a11: rgba(196, 0, 6, 0.8275);
    --beam-red-alpha-a12: rgba(85, 0, 13, 0.9098);
    --beam-red-dark-1: #191111;
    --beam-red-dark-2: #201314;
    --beam-red-dark-3: #3b1219;
    --beam-red-dark-4: #500f1c;
    --beam-red-dark-5: #611623;
    --beam-red-dark-6: #72232d;
    --beam-red-dark-7: #8c333a;
    --beam-red-dark-8: #b54548;
    --beam-red-dark-9: #e5484d;
    --beam-red-dark-10: #ec5d5e;
    --beam-red-dark-11: #ff9592;
    --beam-red-dark-12: #ffd1d9;
    --beam-red-dark-alpha-a1: rgba(244, 18, 18, 0.0353);
    --beam-red-dark-alpha-a2: rgba(242, 47, 62, 0.0667);
    --beam-red-dark-alpha-a3: rgba(255, 23, 63, 0.1765);
    --beam-red-dark-alpha-a4: rgba(254, 10, 59, 0.2667);
    --beam-red-dark-alpha-a5: rgba(255, 32, 71, 0.3373);
    --beam-red-dark-alpha-a6: rgba(255, 62, 86, 0.4078);
    --beam-red-dark-alpha-a7: rgba(255, 83, 97, 0.5176);
    --beam-red-dark-alpha-a8: rgba(255, 93, 97, 0.6902);
    --beam-red-dark-alpha-a9: rgba(254, 78, 84, 0.8941);
    --beam-red-dark-alpha-a10: rgba(255, 100, 101, 0.9216);
    --beam-red-dark-alpha-a11: #ff9592;
    --beam-red-dark-alpha-a12: #ffd1d9;
    --beam-ruby-1: #fffcfd;
    --beam-ruby-2: #fff7f8;
    --beam-ruby-3: #feeaed;
    --beam-ruby-4: #ffdce1;
    --beam-ruby-5: #ffced6;
    --beam-ruby-6: #f8bfc8;
    --beam-ruby-7: #efacb8;
    --beam-ruby-8: #e592a3;
    --beam-ruby-9: #e54666;
    --beam-ruby-10: #dc3b5d;
    --beam-ruby-11: #ca244d;
    --beam-ruby-12: #64172b;
    --beam-ruby-alpha-a1: rgba(255, 0, 85, 0.0118);
    --beam-ruby-alpha-a2: rgba(255, 0, 32, 0.0314);
    --beam-ruby-alpha-a3: rgba(243, 0, 37, 0.0824);
    --beam-ruby-alpha-a4: rgba(255, 0, 37, 0.1373);
    --beam-ruby-alpha-a5: rgba(255, 0, 42, 0.1922);
    --beam-ruby-alpha-a6: rgba(228, 0, 36, 0.251);
    --beam-ruby-alpha-a7: rgba(206, 0, 37, 0.3255);
    --beam-ruby-alpha-a8: rgba(195, 0, 40, 0.4275);
    --beam-ruby-alpha-a9: rgba(219, 0, 44, 0.7255);
    --beam-ruby-alpha-a10: rgba(210, 0, 44, 0.7686);
    --beam-ruby-alpha-a11: rgba(193, 0, 48, 0.8588);
    --beam-ruby-alpha-a12: rgba(85, 0, 22, 0.9098);
    --beam-ruby-dark-1: #191113;
    --beam-ruby-dark-2: #1e1517;
    --beam-ruby-dark-3: #3a141e;
    --beam-ruby-dark-4: #4e1325;
    --beam-ruby-dark-5: #5e1a2e;
    --beam-ruby-dark-6: #6f2539;
    --beam-ruby-dark-7: #883447;
    --beam-ruby-dark-8: #b3445a;
    --beam-ruby-dark-9: #e54666;
    --beam-ruby-dark-10: #ec5a72;
    --beam-ruby-dark-11: #ff949d;
    --beam-ruby-dark-12: #fed2e1;
    --beam-ruby-dark-alpha-a1: rgba(244, 18, 74, 0.0353);
    --beam-ruby-dark-alpha-a2: rgba(254, 90, 127, 0.0549);
    --beam-ruby-dark-alpha-a3: rgba(255, 35, 93, 0.1725);
    --beam-ruby-dark-alpha-a4: rgba(253, 25, 94, 0.2588);
    --beam-ruby-dark-alpha-a5: rgba(254, 45, 107, 0.3255);
    --beam-ruby-dark-alpha-a6: rgba(255, 68, 118, 0.3961);
    --beam-ruby-dark-alpha-a7: rgba(255, 87, 125, 0.502);
    --beam-ruby-dark-alpha-a8: rgba(255, 92, 124, 0.6824);
    --beam-ruby-dark-alpha-a9: rgba(254, 76, 112, 0.8941);
    --beam-ruby-dark-alpha-a10: rgba(255, 97, 123, 0.9216);
    --beam-ruby-dark-alpha-a11: #ff949d;
    --beam-ruby-dark-alpha-a12: rgba(255, 211, 226, 0.9961);
    --beam-sage-1: #fbfdfc;
    --beam-sage-2: #f7f9f8;
    --beam-sage-3: #eef1f0;
    --beam-sage-4: #e6e9e8;
    --beam-sage-5: #dfe2e0;
    --beam-sage-6: #d7dad9;
    --beam-sage-7: #cbcfcd;
    --beam-sage-8: #b8bcba;
    --beam-sage-9: #868e8b;
    --beam-sage-10: #7c8481;
    --beam-sage-11: #5f6563;
    --beam-sage-12: #1a211e;
    --beam-sage-alpha-a1: rgba(0, 128, 64, 0.0157);
    --beam-sage-alpha-a2: rgba(0, 64, 32, 0.0314);
    --beam-sage-alpha-a3: rgba(0, 45, 30, 0.0667);
    --beam-sage-alpha-a4: rgba(0, 31, 21, 0.098);
    --beam-sage-alpha-a5: rgba(0, 24, 8, 0.1255);
    --beam-sage-alpha-a6: rgba(0, 20, 13, 0.1569);
    --beam-sage-alpha-a7: rgba(0, 20, 10, 0.2039);
    --beam-sage-alpha-a8: rgba(0, 15, 8, 0.2784);
    --beam-sage-alpha-a9: rgba(0, 17, 11, 0.4745);
    --beam-sage-alpha-a10: rgba(0, 16, 10, 0.5137);
    --beam-sage-alpha-a11: rgba(0, 10, 7, 0.6275);
    --beam-sage-alpha-a12: rgba(0, 8, 5, 0.898);
    --beam-sage-dark-1: #101211;
    --beam-sage-dark-2: #171918;
    --beam-sage-dark-3: #202221;
    --beam-sage-dark-4: #272a29;
    --beam-sage-dark-5: #2e3130;
    --beam-sage-dark-6: #373b39;
    --beam-sage-dark-7: #444947;
    --beam-sage-dark-8: #5b625f;
    --beam-sage-dark-9: #63706b;
    --beam-sage-dark-10: #717d79;
    --beam-sage-dark-11: #adb5b2;
    --beam-sage-dark-12: #eceeed;
    --beam-sage-dark-alpha-a1: rgba(0, 0, 0, 0);
    --beam-sage-dark-alpha-a2: rgba(240, 242, 241, 0.0314);
    --beam-sage-dark-alpha-a3: rgba(243, 245, 244, 0.0706);
    --beam-sage-dark-alpha-a4: rgba(242, 254, 253, 0.102);
    --beam-sage-dark-alpha-a5: rgba(241, 251, 250, 0.1333);
    --beam-sage-dark-alpha-a6: rgba(237, 251, 244, 0.1765);
    --beam-sage-dark-alpha-a7: rgba(237, 252, 247, 0.2353);
    --beam-sage-dark-alpha-a8: rgba(235, 253, 246, 0.3412);
    --beam-sage-dark-alpha-a9: rgba(223, 253, 242, 0.4);
    --beam-sage-dark-alpha-a10: rgba(229, 253, 246, 0.4549);
    --beam-sage-dark-alpha-a11: rgba(244, 254, 251, 0.6902);
    --beam-sage-dark-alpha-a12: rgba(253, 255, 254, 0.9294);
    --beam-sand-1: #fdfdfc;
    --beam-sand-2: #f9f9f8;
    --beam-sand-3: #f1f0ef;
    --beam-sand-4: #e9e8e6;
    --beam-sand-5: #e2e1de;
    --beam-sand-6: #dad9d6;
    --beam-sand-7: #cfceca;
    --beam-sand-8: #bcbbb5;
    --beam-sand-9: #8d8d86;
    --beam-sand-10: #82827c;
    --beam-sand-11: #63635e;
    --beam-sand-12: #21201c;
    --beam-sand-alpha-a1: rgba(85, 85, 0, 0.0118);
    --beam-sand-alpha-a2: rgba(37, 37, 0, 0.0275);
    --beam-sand-alpha-a3: rgba(32, 16, 0, 0.0627);
    --beam-sand-alpha-a4: rgba(31, 21, 0, 0.098);
    --beam-sand-alpha-a5: rgba(31, 24, 0, 0.1294);
    --beam-sand-alpha-a6: rgba(25, 19, 0, 0.1608);
    --beam-sand-alpha-a7: rgba(25, 20, 0, 0.2078);
    --beam-sand-alpha-a8: rgba(25, 21, 1, 0.2902);
    --beam-sand-alpha-a9: rgba(15, 15, 0, 0.4745);
    --beam-sand-alpha-a10: rgba(12, 12, 0, 0.5137);
    --beam-sand-alpha-a11: rgba(8, 8, 0, 0.6314);
    --beam-sand-alpha-a12: rgba(6, 5, 0, 0.8902);
    --beam-sand-dark-1: #111110;
    --beam-sand-dark-2: #191918;
    --beam-sand-dark-3: #222221;
    --beam-sand-dark-4: #2a2a28;
    --beam-sand-dark-5: #31312e;
    --beam-sand-dark-6: #3b3a37;
    --beam-sand-dark-7: #494844;
    --beam-sand-dark-8: #62605b;
    --beam-sand-dark-9: #6f6d66;
    --beam-sand-dark-10: #7c7b74;
    --beam-sand-dark-11: #b5b3ad;
    --beam-sand-dark-12: #eeeeec;
    --beam-sand-dark-alpha-a1: rgba(0, 0, 0, 0);
    --beam-sand-dark-alpha-a2: rgba(244, 244, 243, 0.0353);
    --beam-sand-dark-alpha-a3: rgba(246, 246, 245, 0.0745);
    --beam-sand-dark-alpha-a4: rgba(254, 254, 243, 0.1059);
    --beam-sand-dark-alpha-a5: rgba(251, 251, 235, 0.1373);
    --beam-sand-dark-alpha-a6: rgba(255, 250, 237, 0.1765);
    --beam-sand-dark-alpha-a7: rgba(255, 251, 237, 0.2353);
    --beam-sand-dark-alpha-a8: rgba(255, 249, 235, 0.3412);
    --beam-sand-dark-alpha-a9: rgba(255, 250, 233, 0.3961);
    --beam-sand-dark-alpha-a10: rgba(255, 253, 238, 0.451);
    --beam-sand-dark-alpha-a11: rgba(255, 252, 244, 0.6902);
    --beam-sand-dark-alpha-a12: rgba(255, 255, 253, 0.9294);
    --beam-sky-1: #f9feff;
    --beam-sky-2: #f1fafd;
    --beam-sky-3: #e1f6fd;
    --beam-sky-4: #d1f0fa;
    --beam-sky-5: #bee7f5;
    --beam-sky-6: #a9daed;
    --beam-sky-7: #8dcae3;
    --beam-sky-8: #60b3d7;
    --beam-sky-9: #7ce2fe;
    --beam-sky-10: #74daf8;
    --beam-sky-11: #00749e;
    --beam-sky-12: #1d3e56;
    --beam-sky-alpha-a1: rgba(0, 213, 255, 0.0235);
    --beam-sky-alpha-a2: rgba(0, 164, 219, 0.0549);
    --beam-sky-alpha-a3: rgba(0, 179, 238, 0.1176);
    --beam-sky-alpha-a4: rgba(0, 172, 228, 0.1804);
    --beam-sky-alpha-a5: rgba(0, 161, 216, 0.2549);
    --beam-sky-alpha-a6: rgba(0, 146, 202, 0.3373);
    --beam-sky-alpha-a7: rgba(0, 137, 193, 0.4471);
    --beam-sky-alpha-a8: rgba(0, 133, 191, 0.6235);
    --beam-sky-alpha-a9: rgba(0, 199, 254, 0.5137);
    --beam-sky-alpha-a10: rgba(0, 188, 243, 0.5451);
    --beam-sky-alpha-a11: #00749e;
    --beam-sky-alpha-a12: rgba(0, 37, 64, 0.8863);
    --beam-sky-dark-1: #0d141f;
    --beam-sky-dark-2: #111a27;
    --beam-sky-dark-3: #112840;
    --beam-sky-dark-4: #113555;
    --beam-sky-dark-5: #154467;
    --beam-sky-dark-6: #1b537b;
    --beam-sky-dark-7: #1f6692;
    --beam-sky-dark-8: #197cae;
    --beam-sky-dark-9: #7ce2fe;
    --beam-sky-dark-10: #a8eeff;
    --beam-sky-dark-11: #75c7f0;
    --beam-sky-dark-12: #c2f3ff;
    --beam-sky-dark-alpha-a1: rgba(0, 68, 255, 0.0588);
    --beam-sky-dark-alpha-a2: rgba(17, 113, 251, 0.0941);
    --beam-sky-dark-alpha-a3: rgba(17, 132, 252, 0.2);
    --beam-sky-dark-alpha-a4: rgba(18, 143, 255, 0.2863);
    --beam-sky-dark-alpha-a5: rgba(28, 157, 253, 0.3647);
    --beam-sky-dark-alpha-a6: rgba(40, 165, 255, 0.4471);
    --beam-sky-dark-alpha-a7: rgba(43, 173, 254, 0.5451);
    --beam-sky-dark-alpha-a8: rgba(29, 178, 254, 0.6627);
    --beam-sky-dark-alpha-a9: rgba(124, 227, 255, 0.9961);
    --beam-sky-dark-alpha-a10: #a8eeff;
    --beam-sky-dark-alpha-a11: rgba(124, 211, 255, 0.9373);
    --beam-sky-dark-alpha-a12: #c2f3ff;
    --beam-slate-1: #fcfcfd;
    --beam-slate-2: #f9f9fb;
    --beam-slate-3: #f0f0f3;
    --beam-slate-4: #e8e8ec;
    --beam-slate-5: #e0e1e6;
    --beam-slate-6: #d9d9e0;
    --beam-slate-7: #cdced6;
    --beam-slate-8: #b9bbc6;
    --beam-slate-9: #8b8d98;
    --beam-slate-10: #80838d;
    --beam-slate-11: #60646c;
    --beam-slate-12: #1c2024;
    --beam-slate-alpha-a1: rgba(0, 0, 85, 0.0118);
    --beam-slate-alpha-a2: rgba(0, 0, 85, 0.0235);
    --beam-slate-alpha-a3: rgba(0, 0, 51, 0.0588);
    --beam-slate-alpha-a4: rgba(0, 0, 45, 0.0902);
    --beam-slate-alpha-a5: rgba(0, 9, 50, 0.1216);
    --beam-slate-alpha-a6: rgba(0, 0, 47, 0.149);
    --beam-slate-alpha-a7: rgba(0, 6, 46, 0.1961);
    --beam-slate-alpha-a8: rgba(0, 8, 48, 0.2745);
    --beam-slate-alpha-a9: rgba(0, 5, 29, 0.4549);
    --beam-slate-alpha-a10: rgba(0, 7, 27, 0.498);
    --beam-slate-alpha-a11: rgba(0, 7, 20, 0.6235);
    --beam-slate-alpha-a12: rgba(0, 5, 9, 0.8902);
    --beam-slate-dark-1: #111113;
    --beam-slate-dark-2: #18191b;
    --beam-slate-dark-3: #212225;
    --beam-slate-dark-4: #272a2d;
    --beam-slate-dark-5: #2e3135;
    --beam-slate-dark-6: #363a3f;
    --beam-slate-dark-7: #43484e;
    --beam-slate-dark-8: #5a6169;
    --beam-slate-dark-9: #696e77;
    --beam-slate-dark-10: #777b84;
    --beam-slate-dark-11: #b0b4ba;
    --beam-slate-dark-12: #edeef0;
    --beam-slate-dark-alpha-a1: rgba(0, 0, 0, 0);
    --beam-slate-dark-alpha-a2: rgba(216, 244, 246, 0.0353);
    --beam-slate-dark-alpha-a3: rgba(221, 234, 248, 0.0784);
    --beam-slate-dark-alpha-a4: rgba(211, 237, 248, 0.1137);
    --beam-slate-dark-alpha-a5: rgba(217, 237, 254, 0.1451);
    --beam-slate-dark-alpha-a6: rgba(214, 235, 253, 0.1882);
    --beam-slate-dark-alpha-a7: rgba(217, 237, 255, 0.251);
    --beam-slate-dark-alpha-a8: rgba(217, 237, 255, 0.3647);
    --beam-slate-dark-alpha-a9: rgba(223, 235, 253, 0.4275);
    --beam-slate-dark-alpha-a10: rgba(229, 237, 253, 0.4824);
    --beam-slate-dark-alpha-a11: rgba(241, 247, 254, 0.7098);
    --beam-slate-dark-alpha-a12: rgba(252, 253, 255, 0.9373);
    --beam-teal-1: #fafefd;
    --beam-teal-2: #f3fbf9;
    --beam-teal-3: #e0f8f3;
    --beam-teal-4: #ccf3ea;
    --beam-teal-5: #b8eae0;
    --beam-teal-6: #a1ded2;
    --beam-teal-7: #83cdc1;
    --beam-teal-8: #53b9ab;
    --beam-teal-9: #12a594;
    --beam-teal-10: #0d9b8a;
    --beam-teal-11: #008573;
    --beam-teal-12: #0d3d38;
    --beam-teal-alpha-a1: rgba(0, 204, 153, 0.0196);
    --beam-teal-alpha-a2: rgba(0, 170, 128, 0.0471);
    --beam-teal-alpha-a3: rgba(0, 198, 157, 0.1216);
    --beam-teal-alpha-a4: rgba(0, 195, 150, 0.2);
    --beam-teal-alpha-a5: rgba(0, 180, 144, 0.2784);
    --beam-teal-alpha-a6: rgba(0, 166, 133, 0.3686);
    --beam-teal-alpha-a7: rgba(0, 153, 128, 0.4863);
    --beam-teal-alpha-a8: rgba(0, 151, 131, 0.6745);
    --beam-teal-alpha-a9: rgba(0, 158, 140, 0.9294);
    --beam-teal-alpha-a10: rgba(0, 150, 132, 0.949);
    --beam-teal-alpha-a11: #008573;
    --beam-teal-alpha-a12: rgba(0, 51, 45, 0.949);
    --beam-teal-dark-1: #0d1514;
    --beam-teal-dark-2: #111c1b;
    --beam-teal-dark-3: #0d2d2a;
    --beam-teal-dark-4: #023b37;
    --beam-teal-dark-5: #084843;
    --beam-teal-dark-6: #145750;
    --beam-teal-dark-7: #1c6961;
    --beam-teal-dark-8: #207e73;
    --beam-teal-dark-9: #12a594;
    --beam-teal-dark-10: #0eb39e;
    --beam-teal-dark-11: #0bd8b6;
    --beam-teal-dark-12: #adf0dd;
    --beam-teal-dark-alpha-a1: rgba(0, 222, 171, 0.0196);
    --beam-teal-dark-alpha-a2: rgba(18, 251, 230, 0.0471);
    --beam-teal-dark-alpha-a3: rgba(0, 255, 230, 0.1176);
    --beam-teal-dark-alpha-a4: rgba(0, 255, 233, 0.1765);
    --beam-teal-dark-alpha-a5: rgba(0, 255, 234, 0.2314);
    --beam-teal-dark-alpha-a6: rgba(28, 255, 232, 0.2941);
    --beam-teal-dark-alpha-a7: rgba(46, 253, 232, 0.3725);
    --beam-teal-dark-alpha-a8: rgba(50, 255, 231, 0.4588);
    --beam-teal-dark-alpha-a9: rgba(19, 255, 228, 0.6235);
    --beam-teal-dark-alpha-a10: rgba(13, 255, 224, 0.6824);
    --beam-teal-dark-alpha-a11: rgba(10, 254, 213, 0.8392);
    --beam-teal-dark-alpha-a12: rgba(184, 255, 235, 0.9373);
    --beam-tomato-1: #fffcfc;
    --beam-tomato-2: #fff8f7;
    --beam-tomato-3: #feebe7;
    --beam-tomato-4: #ffdcd3;
    --beam-tomato-5: #ffcdc2;
    --beam-tomato-6: #fdbdaf;
    --beam-tomato-7: #f5a898;
    --beam-tomato-8: #ec8e7b;
    --beam-tomato-9: #e54d2e;
    --beam-tomato-10: #dd4425;
    --beam-tomato-11: #d13415;
    --beam-tomato-12: #5c271f;
    --beam-tomato-alpha-a1: rgba(255, 0, 0, 0.0118);
    --beam-tomato-alpha-a2: rgba(255, 32, 0, 0.0314);
    --beam-tomato-alpha-a3: rgba(245, 43, 0, 0.0941);
    --beam-tomato-alpha-a4: rgba(255, 53, 0, 0.1725);
    --beam-tomato-alpha-a5: rgba(255, 46, 0, 0.2392);
    --beam-tomato-alpha-a6: rgba(249, 45, 0, 0.3137);
    --beam-tomato-alpha-a7: rgba(231, 40, 0, 0.4039);
    --beam-tomato-alpha-a8: rgba(219, 37, 0, 0.5176);
    --beam-tomato-alpha-a9: rgba(223, 38, 0, 0.8196);
    --beam-tomato-alpha-a10: rgba(215, 36, 0, 0.8549);
    --beam-tomato-alpha-a11: rgba(205, 34, 0, 0.9176);
    --beam-tomato-alpha-a12: rgba(70, 9, 0, 0.8784);
    --beam-tomato-dark-1: #181111;
    --beam-tomato-dark-2: #1f1513;
    --beam-tomato-dark-3: #391714;
    --beam-tomato-dark-4: #4e1511;
    --beam-tomato-dark-5: #5e1c16;
    --beam-tomato-dark-6: #6e2920;
    --beam-tomato-dark-7: #853a2d;
    --beam-tomato-dark-8: #ac4d39;
    --beam-tomato-dark-9: #e54d2e;
    --beam-tomato-dark-10: #ec6142;
    --beam-tomato-dark-11: #ff977d;
    --beam-tomato-dark-12: #fbd3cb;
    --beam-tomato-dark-alpha-a1: rgba(241, 18, 18, 0.0314);
    --beam-tomato-dark-alpha-a2: rgba(255, 85, 51, 0.0588);
    --beam-tomato-dark-alpha-a3: rgba(255, 53, 35, 0.1686);
    --beam-tomato-dark-alpha-a4: rgba(253, 32, 17, 0.2588);
    --beam-tomato-dark-alpha-a5: rgba(254, 51, 33, 0.3255);
    --beam-tomato-dark-alpha-a6: rgba(255, 79, 56, 0.3922);
    --beam-tomato-dark-alpha-a7: rgba(253, 100, 74, 0.4902);
    --beam-tomato-dark-alpha-a8: rgba(254, 109, 78, 0.6549);
    --beam-tomato-dark-alpha-a9: rgba(254, 84, 49, 0.8941);
    --beam-tomato-dark-alpha-a10: rgba(255, 104, 71, 0.9216);
    --beam-tomato-dark-alpha-a11: #ff977d;
    --beam-tomato-dark-alpha-a12: rgba(255, 214, 206, 0.9843);
    --beam-violet-1: #fdfcfe;
    --beam-violet-2: #faf8ff;
    --beam-violet-3: #f4f0fe;
    --beam-violet-4: #ebe4ff;
    --beam-violet-5: #e1d9ff;
    --beam-violet-6: #d4cafe;
    --beam-violet-7: #c2b5f5;
    --beam-violet-8: #aa99ec;
    --beam-violet-9: #6e56cf;
    --beam-violet-10: #654dc4;
    --beam-violet-11: #6550b9;
    --beam-violet-12: #2f265f;
    --beam-violet-alpha-a1: rgba(85, 0, 170, 0.0118);
    --beam-violet-alpha-a2: rgba(73, 0, 255, 0.0275);
    --beam-violet-alpha-a3: rgba(68, 0, 238, 0.0588);
    --beam-violet-alpha-a4: rgba(67, 0, 255, 0.1059);
    --beam-violet-alpha-a5: rgba(54, 0, 255, 0.149);
    --beam-violet-alpha-a6: rgba(49, 0, 251, 0.2078);
    --beam-violet-alpha-a7: rgba(45, 1, 221, 0.2902);
    --beam-violet-alpha-a8: rgba(43, 0, 208, 0.4);
    --beam-violet-alpha-a9: rgba(36, 0, 183, 0.6627);
    --beam-violet-alpha-a10: rgba(35, 0, 171, 0.698);
    --beam-violet-alpha-a11: rgba(31, 0, 153, 0.6863);
    --beam-violet-alpha-a12: rgba(11, 0, 67, 0.851);
    --beam-violet-dark-1: #14121f;
    --beam-violet-dark-2: #1b1525;
    --beam-violet-dark-3: #291f43;
    --beam-violet-dark-4: #33255b;
    --beam-violet-dark-5: #3c2e69;
    --beam-violet-dark-6: #473876;
    --beam-violet-dark-7: #56468b;
    --beam-violet-dark-8: #6958ad;
    --beam-violet-dark-9: #6e56cf;
    --beam-violet-dark-10: #7d66d9;
    --beam-violet-dark-11: #baa7ff;
    --beam-violet-dark-12: #e2ddfe;
    --beam-violet-dark-alpha-a1: rgba(68, 34, 255, 0.0588);
    --beam-violet-dark-alpha-a2: rgba(133, 63, 249, 0.0863);
    --beam-violet-dark-alpha-a3: rgba(131, 84, 254, 0.2118);
    --beam-violet-dark-alpha-a4: rgba(125, 81, 253, 0.3137);
    --beam-violet-dark-alpha-a5: rgba(132, 95, 253, 0.3725);
    --beam-violet-dark-alpha-a6: rgba(143, 108, 253, 0.4275);
    --beam-violet-dark-alpha-a7: rgba(152, 121, 255, 0.5137);
    --beam-violet-dark-alpha-a8: rgba(151, 125, 254, 0.6588);
    --beam-violet-dark-alpha-a9: rgba(134, 104, 255, 0.8);
    --beam-violet-dark-alpha-a10: rgba(145, 118, 254, 0.8431);
    --beam-violet-dark-alpha-a11: #baa7ff;
    --beam-violet-dark-alpha-a12: rgba(227, 222, 255, 0.9961);
    --beam-white-alpha-a1: rgba(255, 255, 255, 0.05);
    --beam-white-alpha-a2: rgba(255, 255, 255, 0.1);
    --beam-white-alpha-a3: rgba(255, 255, 255, 0.15);
    --beam-white-alpha-a4: rgba(255, 255, 255, 0.2);
    --beam-white-alpha-a5: rgba(255, 255, 255, 0.3);
    --beam-white-alpha-a6: rgba(255, 255, 255, 0.4);
    --beam-white-alpha-a7: rgba(255, 255, 255, 0.5);
    --beam-white-alpha-a8: rgba(255, 255, 255, 0.6);
    --beam-white-alpha-a9: rgba(255, 255, 255, 0.702);
    --beam-white-alpha-a10: rgba(255, 255, 255, 0.8);
    --beam-white-alpha-a11: rgba(255, 255, 255, 0.902);
    --beam-white-alpha-a12: rgba(255, 255, 255, 0.95);
    --beam-yellow-1: #fdfdf9;
    --beam-yellow-2: #fefce9;
    --beam-yellow-3: #fffab8;
    --beam-yellow-4: #fff394;
    --beam-yellow-5: #ffe770;
    --beam-yellow-6: #f3d768;
    --beam-yellow-7: #e4c767;
    --beam-yellow-8: #d5ae39;
    --beam-yellow-9: #ffe629;
    --beam-yellow-10: #ffdc00;
    --beam-yellow-11: #9e6c00;
    --beam-yellow-12: #473b1f;
    --beam-yellow-alpha-a1: rgba(170, 170, 0, 0.0235);
    --beam-yellow-alpha-a2: rgba(244, 221, 0, 0.0863);
    --beam-yellow-alpha-a3: rgba(255, 238, 0, 0.2784);
    --beam-yellow-alpha-a4: rgba(255, 227, 1, 0.4196);
    --beam-yellow-alpha-a5: rgba(255, 213, 0, 0.5608);
    --beam-yellow-alpha-a6: rgba(235, 188, 0, 0.5922);
    --beam-yellow-alpha-a7: rgba(210, 161, 0, 0.5961);
    --beam-yellow-alpha-a8: rgba(201, 151, 0, 0.7765);
    --beam-yellow-alpha-a9: rgba(255, 225, 0, 0.8392);
    --beam-yellow-alpha-a10: #ffdc00;
    --beam-yellow-alpha-a11: #9e6c00;
    --beam-yellow-alpha-a12: rgba(46, 32, 0, 0.8784);
    --beam-yellow-dark-1: #14120b;
    --beam-yellow-dark-2: #1b180f;
    --beam-yellow-dark-3: #2d2305;
    --beam-yellow-dark-4: #362b00;
    --beam-yellow-dark-5: #433500;
    --beam-yellow-dark-6: #524202;
    --beam-yellow-dark-7: #665417;
    --beam-yellow-dark-8: #836a21;
    --beam-yellow-dark-9: #ffe629;
    --beam-yellow-dark-10: #ffff57;
    --beam-yellow-dark-11: #f5e147;
    --beam-yellow-dark-12: #f6eeb4;
    --beam-yellow-dark-alpha-a1: rgba(209, 81, 0, 0.0157);
    --beam-yellow-dark-alpha-a2: rgba(249, 180, 0, 0.0431);
    --beam-yellow-dark-alpha-a3: rgba(255, 170, 0, 0.1176);
    --beam-yellow-dark-alpha-a4: rgba(253, 183, 0, 0.1569);
    --beam-yellow-dark-alpha-a5: rgba(254, 187, 0, 0.2118);
    --beam-yellow-dark-alpha-a6: rgba(254, 196, 0, 0.2745);
    --beam-yellow-dark-alpha-a7: rgba(253, 203, 34, 0.3608);
    --beam-yellow-dark-alpha-a8: rgba(253, 202, 50, 0.4824);
    --beam-yellow-dark-alpha-a9: #ffe629;
    --beam-yellow-dark-alpha-a10: #ffff57;
    --beam-yellow-dark-alpha-a11: rgba(254, 233, 73, 0.9608);
    --beam-yellow-dark-alpha-a12: rgba(254, 246, 186, 0.9647);
    --beam-abl-1: #fbfefc;
    --beam-abl-2: #f3fcf5;
    --beam-abl-3: #ebf9ee;
    --beam-abl-4: #dff2e3;
    --beam-abl-5: #ceead4;
    --beam-abl-6: #b8dec1;
    --beam-abl-7: #98cea6;
    --beam-abl-8: #69b882;
    --beam-abl-9: #007239;
    --beam-abl-10: #006532;
    --beam-abl-11: #005026;
    --beam-abl-12: #082211;
    --beam-abl-alpha-a1: rgba(51, 204, 102, 0.0196);
    --beam-abl-alpha-a2: rgba(0, 191, 43, 0.0471);
    --beam-abl-alpha-a3: rgba(0, 178, 38, 0.0784);
    --beam-abl-alpha-a4: rgba(0, 151, 32, 0.1255);
    --beam-abl-alpha-a5: rgba(0, 146, 31, 0.1922);
    --beam-abl-alpha-a6: rgba(0, 136, 32, 0.2784);
    --beam-abl-alpha-a7: rgba(0, 134, 35, 0.4039);
    --beam-abl-alpha-a8: rgba(0, 134, 42, 0.5882);
    --beam-abl-alpha-a9: #007239;
    --beam-abl-alpha-a10: #006532;
    --beam-abl-alpha-a11: #005026;
    --beam-abl-alpha-a12: rgba(0, 27, 9, 0.9686);
    --beam-abl-dark-1: #0e1913;
    --beam-abl-dark-2: #141d17;
    --beam-abl-dark-3: #19271e;
    --beam-abl-dark-4: #1d2f23;
    --beam-abl-dark-5: #203829;
    --beam-abl-dark-6: #274431;
    --beam-abl-dark-7: #204c30;
    --beam-abl-dark-8: #1a6136;
    --beam-abl-dark-9: #007239;
    --beam-abl-dark-10: #27864d;
    --beam-abl-dark-11: #47a067;
    --beam-abl-dark-12: #a2ceab;
    --beam-abl-dark-alpha-a1: rgba(143, 255, 194, 0.098);
    --beam-abl-dark-alpha-a2: rgba(176, 255, 202, 0.1137);
    --beam-abl-dark-alpha-a3: rgba(163, 255, 196, 0.1529);
    --beam-abl-dark-alpha-a4: rgba(157, 255, 190, 0.1843);
    --beam-abl-dark-alpha-a5: rgba(146, 255, 187, 0.2196);
    --beam-abl-dark-alpha-a6: rgba(146, 255, 184, 0.2667);
    --beam-abl-dark-alpha-a7: rgba(106, 255, 159, 0.298);
    --beam-abl-dark-alpha-a8: rgba(68, 255, 142, 0.3804);
    --beam-abl-dark-alpha-a9: rgba(0, 255, 127, 0.4471);
    --beam-abl-dark-alpha-a10: rgba(74, 255, 147, 0.5255);
    --beam-abl-dark-alpha-a11: rgba(113, 255, 164, 0.6275);
    --beam-abl-dark-alpha-a12: rgba(201, 255, 212, 0.8078);
  }

  /* ── 00. Foundations — scale-independent primitives ─────────────────────── */
  :root {
    --beam-border-radius-none: 0;
    --beam-border-radius-xxs: 2px;
    --beam-border-radius-xs: 4px;
    --beam-border-radius-sm: 6px;
    --beam-border-radius-md: 8px;
    --beam-border-radius-lg: 10px;
    --beam-border-radius-xl: 12px;
    --beam-border-radius-2xl: 16px;
    --beam-border-radius-3xl: 20px;
    --beam-border-radius-4xl: 24px;
    --beam-border-radius-full: 9999px;
    --beam-border-width-0: 0;
    --beam-border-width-1: 0.5px;
    --beam-border-width-2: 1px;
    --beam-border-width-3: 1.5px;
    --beam-border-width-4: 1.75px;
    --beam-border-width-5: 2px;
    --beam-font-weight-regular: 400;
    --beam-font-weight-medium: 500;
    --beam-font-weight-semibold: 600;
    --beam-font-weight-bold: 700;
    --beam-opacity-0: 0;
    --beam-opacity-5: 0.05;
    --beam-opacity-10: 0.1;
    --beam-opacity-20: 0.2;
    --beam-opacity-25: 0.25;
    --beam-opacity-40: 0.4;
    --beam-opacity-50: 0.5;
    --beam-opacity-60: 0.6;
    --beam-opacity-80: 0.8;
    --beam-opacity-100: 1;
    --beam-z-index-hide: -1;
    --beam-z-index-base: 0;
    --beam-z-index-raised: 1;
    --beam-z-index-dropdown: 1000;
    --beam-z-index-sticky: 1100;
    --beam-z-index-overlay: 1300;
    --beam-z-index-modal: 1400;
    --beam-z-index-toast: 1700;
    --beam-icon-size-1: 16px;
    --beam-icon-size-2: 20px;
    --beam-icon-size-3: 24px;
    --beam-icon-size-4: 28px;
    --beam-icon-size-5: 32px;
    --beam-icon-size-6: 48px;
    --beam-icon-size-7: 64px;
    --beam-icon-size-8: 96px;
    --beam-icon-size-9: 128px;
    --beam-icon-opacity-1: 0.12;
    --beam-icon-opacity-2: 0.4;
    --beam-icon-style-line: line;
    --beam-icon-style-duocolor: duocolor;
    --beam-icon-style-solid: solid;
    --beam-icon-style-duotone: duotone;
    --beam-leading-none: 1;
    --beam-leading-tight: 1.25;
    --beam-leading-snug: 1.375;
    --beam-leading-normal: 1.5;
    --beam-leading-relaxed: 1.625;
    --beam-leading-loose: 2;
    --beam-para-spacing-none: 0;
    --beam-tracking-tighter: -0.05em;
    --beam-tracking-tight: -0.025em;
    --beam-tracking-normal: 0em;
    --beam-tracking-wide: 0.025em;
    --beam-tracking-wider: 0.05em;
    --beam-tracking-widest: 0.1em;
    --beam-para-spacing-sm: var(--beam-ms-0);
    --beam-para-spacing-md: var(--beam-ms-1);
    --beam-para-spacing-lg: var(--beam-ms-2);
    --beam-shadow-o1-y: 1px;
    --beam-shadow-o1-blur: 1px;
    --beam-shadow-o1-spread: -0.5px;
    --beam-shadow-o1-reverse: -1px;
    --beam-shadow-o2-y: 3px;
    --beam-shadow-o2-blur: 3px;
    --beam-shadow-o2-spread: -1.5px;
    --beam-shadow-o2-reverse: -3px;
    --beam-shadow-o3-y: 6px;
    --beam-shadow-o3-blur: 6px;
    --beam-shadow-o3-spread: -3px;
    --beam-shadow-o3-reverse: -6px;
    --beam-shadow-o4-y: 12px;
    --beam-shadow-o4-blur: 12px;
    --beam-shadow-o4-spread: -6px;
    --beam-shadow-o4-reverse: -12px;
    --beam-shadow-o5-y: 24px;
    --beam-shadow-o5-blur: 24px;
    --beam-shadow-o5-spread: -12px;
    --beam-shadow-o5-reverse: -24px;
    --beam-shadow-o6-y: 48px;
    --beam-shadow-o6-blur: 48px;
    --beam-shadow-o6-spread: -24px;
    --beam-shadow-o6-reverse: -48px;
    --beam-shadow-ring-y: 0;
    --beam-shadow-ring-blur: 0;
    --beam-shadow-ring-spread: 1px;
  }

  /* ── 07. Layout ─────────────────────── */
  :root {
    --beam-width-xxs: 320px;
    --beam-width-xs: 384px;
    --beam-width-sm: 480px;
    --beam-width-md: 560px;
    --beam-width-lg: 640px;
    --beam-width-xl: 768px;
    --beam-width-2xl: 1024px;
    --beam-width-3xl: 1280px;
    --beam-width-4xl: 1440px;
    --beam-width-5xl: 1600px;
    --beam-width-6xl: 1920px;
    --beam-container-max-width: 1280px;
    --beam-paragraph-max-width: 720px;
    --beam-width-3xs: 256px;
  }

  /* ── 02. Gray ─────────────────────── */
  /* :root = Gray (from core kit "base") */
  :root {
    --beam-neutral-1: var(--beam-gray-1);
    --beam-neutral-2: var(--beam-gray-2);
    --beam-neutral-3: var(--beam-gray-3);
    --beam-neutral-4: var(--beam-gray-4);
    --beam-neutral-5: var(--beam-gray-5);
    --beam-neutral-6: var(--beam-gray-6);
    --beam-neutral-7: var(--beam-gray-7);
    --beam-neutral-8: var(--beam-gray-8);
    --beam-neutral-9: var(--beam-gray-9);
    --beam-neutral-10: var(--beam-gray-10);
    --beam-neutral-11: var(--beam-gray-11);
    --beam-neutral-12: var(--beam-gray-12);
    --beam-neutral-alpha-a1: var(--beam-gray-alpha-a1);
    --beam-neutral-alpha-a2: var(--beam-gray-alpha-a2);
    --beam-neutral-alpha-a3: var(--beam-gray-alpha-a3);
    --beam-neutral-alpha-a4: var(--beam-gray-alpha-a4);
    --beam-neutral-alpha-a5: var(--beam-gray-alpha-a5);
    --beam-neutral-alpha-a6: var(--beam-gray-alpha-a6);
    --beam-neutral-alpha-a7: var(--beam-gray-alpha-a7);
    --beam-neutral-alpha-a8: var(--beam-gray-alpha-a8);
    --beam-neutral-alpha-a9: var(--beam-gray-alpha-a9);
    --beam-neutral-alpha-a10: var(--beam-gray-alpha-a10);
    --beam-neutral-alpha-a11: var(--beam-gray-alpha-a11);
    --beam-neutral-alpha-a12: var(--beam-gray-alpha-a12);
    --beam-neutral-dark-1: var(--beam-gray-dark-1);
    --beam-neutral-dark-2: var(--beam-gray-dark-2);
    --beam-neutral-dark-3: var(--beam-gray-dark-3);
    --beam-neutral-dark-4: var(--beam-gray-dark-4);
    --beam-neutral-dark-5: var(--beam-gray-dark-5);
    --beam-neutral-dark-6: var(--beam-gray-dark-6);
    --beam-neutral-dark-7: var(--beam-gray-dark-7);
    --beam-neutral-dark-8: var(--beam-gray-dark-8);
    --beam-neutral-dark-9: var(--beam-gray-dark-9);
    --beam-neutral-dark-10: var(--beam-gray-dark-10);
    --beam-neutral-dark-11: var(--beam-gray-dark-11);
    --beam-neutral-dark-12: var(--beam-gray-dark-12);
    --beam-neutral-dark-alpha-a1: var(--beam-gray-dark-alpha-a1);
    --beam-neutral-dark-alpha-a2: var(--beam-gray-dark-alpha-a2);
    --beam-neutral-dark-alpha-a3: var(--beam-gray-dark-alpha-a3);
    --beam-neutral-dark-alpha-a4: var(--beam-gray-dark-alpha-a4);
    --beam-neutral-dark-alpha-a5: var(--beam-gray-dark-alpha-a5);
    --beam-neutral-dark-alpha-a6: var(--beam-gray-dark-alpha-a6);
    --beam-neutral-dark-alpha-a7: var(--beam-gray-dark-alpha-a7);
    --beam-neutral-dark-alpha-a8: var(--beam-gray-dark-alpha-a8);
    --beam-neutral-dark-alpha-a9: var(--beam-gray-dark-alpha-a9);
    --beam-neutral-dark-alpha-a10: var(--beam-gray-dark-alpha-a10);
    --beam-neutral-dark-alpha-a11: var(--beam-gray-dark-alpha-a11);
    --beam-neutral-dark-alpha-a12: var(--beam-gray-dark-alpha-a12);
  }
  [data-gray="gray"] {
    --beam-neutral-1: var(--beam-gray-1);
    --beam-neutral-2: var(--beam-gray-2);
    --beam-neutral-3: var(--beam-gray-3);
    --beam-neutral-4: var(--beam-gray-4);
    --beam-neutral-5: var(--beam-gray-5);
    --beam-neutral-6: var(--beam-gray-6);
    --beam-neutral-7: var(--beam-gray-7);
    --beam-neutral-8: var(--beam-gray-8);
    --beam-neutral-9: var(--beam-gray-9);
    --beam-neutral-10: var(--beam-gray-10);
    --beam-neutral-11: var(--beam-gray-11);
    --beam-neutral-12: var(--beam-gray-12);
    --beam-neutral-alpha-a1: var(--beam-gray-alpha-a1);
    --beam-neutral-alpha-a2: var(--beam-gray-alpha-a2);
    --beam-neutral-alpha-a3: var(--beam-gray-alpha-a3);
    --beam-neutral-alpha-a4: var(--beam-gray-alpha-a4);
    --beam-neutral-alpha-a5: var(--beam-gray-alpha-a5);
    --beam-neutral-alpha-a6: var(--beam-gray-alpha-a6);
    --beam-neutral-alpha-a7: var(--beam-gray-alpha-a7);
    --beam-neutral-alpha-a8: var(--beam-gray-alpha-a8);
    --beam-neutral-alpha-a9: var(--beam-gray-alpha-a9);
    --beam-neutral-alpha-a10: var(--beam-gray-alpha-a10);
    --beam-neutral-alpha-a11: var(--beam-gray-alpha-a11);
    --beam-neutral-alpha-a12: var(--beam-gray-alpha-a12);
    --beam-neutral-dark-1: var(--beam-gray-dark-1);
    --beam-neutral-dark-2: var(--beam-gray-dark-2);
    --beam-neutral-dark-3: var(--beam-gray-dark-3);
    --beam-neutral-dark-4: var(--beam-gray-dark-4);
    --beam-neutral-dark-5: var(--beam-gray-dark-5);
    --beam-neutral-dark-6: var(--beam-gray-dark-6);
    --beam-neutral-dark-7: var(--beam-gray-dark-7);
    --beam-neutral-dark-8: var(--beam-gray-dark-8);
    --beam-neutral-dark-9: var(--beam-gray-dark-9);
    --beam-neutral-dark-10: var(--beam-gray-dark-10);
    --beam-neutral-dark-11: var(--beam-gray-dark-11);
    --beam-neutral-dark-12: var(--beam-gray-dark-12);
    --beam-neutral-dark-alpha-a1: var(--beam-gray-dark-alpha-a1);
    --beam-neutral-dark-alpha-a2: var(--beam-gray-dark-alpha-a2);
    --beam-neutral-dark-alpha-a3: var(--beam-gray-dark-alpha-a3);
    --beam-neutral-dark-alpha-a4: var(--beam-gray-dark-alpha-a4);
    --beam-neutral-dark-alpha-a5: var(--beam-gray-dark-alpha-a5);
    --beam-neutral-dark-alpha-a6: var(--beam-gray-dark-alpha-a6);
    --beam-neutral-dark-alpha-a7: var(--beam-gray-dark-alpha-a7);
    --beam-neutral-dark-alpha-a8: var(--beam-gray-dark-alpha-a8);
    --beam-neutral-dark-alpha-a9: var(--beam-gray-dark-alpha-a9);
    --beam-neutral-dark-alpha-a10: var(--beam-gray-dark-alpha-a10);
    --beam-neutral-dark-alpha-a11: var(--beam-gray-dark-alpha-a11);
    --beam-neutral-dark-alpha-a12: var(--beam-gray-dark-alpha-a12);
  }
  [data-gray="mauve"] {
    --beam-neutral-1: var(--beam-mauve-1);
    --beam-neutral-2: var(--beam-mauve-2);
    --beam-neutral-3: var(--beam-mauve-3);
    --beam-neutral-4: var(--beam-mauve-4);
    --beam-neutral-5: var(--beam-mauve-5);
    --beam-neutral-6: var(--beam-mauve-6);
    --beam-neutral-7: var(--beam-mauve-7);
    --beam-neutral-8: var(--beam-mauve-8);
    --beam-neutral-9: var(--beam-mauve-9);
    --beam-neutral-10: var(--beam-mauve-10);
    --beam-neutral-11: var(--beam-mauve-11);
    --beam-neutral-12: var(--beam-mauve-12);
    --beam-neutral-alpha-a1: var(--beam-mauve-alpha-a1);
    --beam-neutral-alpha-a2: var(--beam-mauve-alpha-a2);
    --beam-neutral-alpha-a3: var(--beam-mauve-alpha-a3);
    --beam-neutral-alpha-a4: var(--beam-mauve-alpha-a4);
    --beam-neutral-alpha-a5: var(--beam-mauve-alpha-a5);
    --beam-neutral-alpha-a6: var(--beam-mauve-alpha-a6);
    --beam-neutral-alpha-a7: var(--beam-mauve-alpha-a7);
    --beam-neutral-alpha-a8: var(--beam-mauve-alpha-a8);
    --beam-neutral-alpha-a9: var(--beam-mauve-alpha-a9);
    --beam-neutral-alpha-a10: var(--beam-mauve-alpha-a10);
    --beam-neutral-alpha-a11: var(--beam-mauve-alpha-a11);
    --beam-neutral-alpha-a12: var(--beam-mauve-alpha-a12);
    --beam-neutral-dark-1: var(--beam-mauve-dark-1);
    --beam-neutral-dark-2: var(--beam-mauve-dark-2);
    --beam-neutral-dark-3: var(--beam-mauve-dark-3);
    --beam-neutral-dark-4: var(--beam-mauve-dark-4);
    --beam-neutral-dark-5: var(--beam-mauve-dark-5);
    --beam-neutral-dark-6: var(--beam-mauve-dark-6);
    --beam-neutral-dark-7: var(--beam-mauve-dark-7);
    --beam-neutral-dark-8: var(--beam-mauve-dark-8);
    --beam-neutral-dark-9: var(--beam-mauve-dark-9);
    --beam-neutral-dark-10: var(--beam-mauve-dark-10);
    --beam-neutral-dark-11: var(--beam-mauve-dark-11);
    --beam-neutral-dark-12: var(--beam-mauve-dark-12);
    --beam-neutral-dark-alpha-a1: var(--beam-mauve-dark-alpha-a1);
    --beam-neutral-dark-alpha-a2: var(--beam-mauve-dark-alpha-a2);
    --beam-neutral-dark-alpha-a3: var(--beam-mauve-dark-alpha-a3);
    --beam-neutral-dark-alpha-a4: var(--beam-mauve-dark-alpha-a4);
    --beam-neutral-dark-alpha-a5: var(--beam-mauve-dark-alpha-a5);
    --beam-neutral-dark-alpha-a6: var(--beam-mauve-dark-alpha-a6);
    --beam-neutral-dark-alpha-a7: var(--beam-mauve-dark-alpha-a7);
    --beam-neutral-dark-alpha-a8: var(--beam-mauve-dark-alpha-a8);
    --beam-neutral-dark-alpha-a9: var(--beam-mauve-dark-alpha-a9);
    --beam-neutral-dark-alpha-a10: var(--beam-mauve-dark-alpha-a10);
    --beam-neutral-dark-alpha-a11: var(--beam-mauve-dark-alpha-a11);
    --beam-neutral-dark-alpha-a12: var(--beam-mauve-dark-alpha-a12);
  }
  [data-gray="olive"] {
    --beam-neutral-1: var(--beam-olive-1);
    --beam-neutral-2: var(--beam-olive-2);
    --beam-neutral-3: var(--beam-olive-3);
    --beam-neutral-4: var(--beam-olive-4);
    --beam-neutral-5: var(--beam-olive-5);
    --beam-neutral-6: var(--beam-olive-6);
    --beam-neutral-7: var(--beam-olive-7);
    --beam-neutral-8: var(--beam-olive-8);
    --beam-neutral-9: var(--beam-olive-9);
    --beam-neutral-10: var(--beam-olive-10);
    --beam-neutral-11: var(--beam-olive-11);
    --beam-neutral-12: var(--beam-olive-12);
    --beam-neutral-alpha-a1: var(--beam-olive-alpha-a1);
    --beam-neutral-alpha-a2: var(--beam-olive-alpha-a2);
    --beam-neutral-alpha-a3: var(--beam-olive-alpha-a3);
    --beam-neutral-alpha-a4: var(--beam-olive-alpha-a4);
    --beam-neutral-alpha-a5: var(--beam-olive-alpha-a5);
    --beam-neutral-alpha-a6: var(--beam-olive-alpha-a6);
    --beam-neutral-alpha-a7: var(--beam-olive-alpha-a7);
    --beam-neutral-alpha-a8: var(--beam-olive-alpha-a8);
    --beam-neutral-alpha-a9: var(--beam-olive-alpha-a9);
    --beam-neutral-alpha-a10: var(--beam-olive-alpha-a10);
    --beam-neutral-alpha-a11: var(--beam-olive-alpha-a11);
    --beam-neutral-alpha-a12: var(--beam-olive-alpha-a12);
    --beam-neutral-dark-1: var(--beam-olive-dark-1);
    --beam-neutral-dark-2: var(--beam-olive-dark-2);
    --beam-neutral-dark-3: var(--beam-olive-dark-3);
    --beam-neutral-dark-4: var(--beam-olive-dark-4);
    --beam-neutral-dark-5: var(--beam-olive-dark-5);
    --beam-neutral-dark-6: var(--beam-olive-dark-6);
    --beam-neutral-dark-7: var(--beam-olive-dark-7);
    --beam-neutral-dark-8: var(--beam-olive-dark-8);
    --beam-neutral-dark-9: var(--beam-olive-dark-9);
    --beam-neutral-dark-10: var(--beam-olive-dark-10);
    --beam-neutral-dark-11: var(--beam-olive-dark-11);
    --beam-neutral-dark-12: var(--beam-olive-dark-12);
    --beam-neutral-dark-alpha-a1: var(--beam-olive-dark-alpha-a1);
    --beam-neutral-dark-alpha-a2: var(--beam-olive-dark-alpha-a2);
    --beam-neutral-dark-alpha-a3: var(--beam-olive-dark-alpha-a3);
    --beam-neutral-dark-alpha-a4: var(--beam-olive-dark-alpha-a4);
    --beam-neutral-dark-alpha-a5: var(--beam-olive-dark-alpha-a5);
    --beam-neutral-dark-alpha-a6: var(--beam-olive-dark-alpha-a6);
    --beam-neutral-dark-alpha-a7: var(--beam-olive-dark-alpha-a7);
    --beam-neutral-dark-alpha-a8: var(--beam-olive-dark-alpha-a8);
    --beam-neutral-dark-alpha-a9: var(--beam-olive-dark-alpha-a9);
    --beam-neutral-dark-alpha-a10: var(--beam-olive-dark-alpha-a10);
    --beam-neutral-dark-alpha-a11: var(--beam-olive-dark-alpha-a11);
    --beam-neutral-dark-alpha-a12: var(--beam-olive-dark-alpha-a12);
  }
  [data-gray="sage"] {
    --beam-neutral-1: var(--beam-sage-1);
    --beam-neutral-2: var(--beam-sage-2);
    --beam-neutral-3: var(--beam-sage-3);
    --beam-neutral-4: var(--beam-sage-4);
    --beam-neutral-5: var(--beam-sage-5);
    --beam-neutral-6: var(--beam-sage-6);
    --beam-neutral-7: var(--beam-sage-7);
    --beam-neutral-8: var(--beam-sage-8);
    --beam-neutral-9: var(--beam-sage-9);
    --beam-neutral-10: var(--beam-sage-10);
    --beam-neutral-11: var(--beam-sage-11);
    --beam-neutral-12: var(--beam-sage-12);
    --beam-neutral-alpha-a1: var(--beam-sage-alpha-a1);
    --beam-neutral-alpha-a2: var(--beam-sage-alpha-a2);
    --beam-neutral-alpha-a3: var(--beam-sage-alpha-a3);
    --beam-neutral-alpha-a4: var(--beam-sage-alpha-a4);
    --beam-neutral-alpha-a5: var(--beam-sage-alpha-a5);
    --beam-neutral-alpha-a6: var(--beam-sage-alpha-a6);
    --beam-neutral-alpha-a7: var(--beam-sage-alpha-a7);
    --beam-neutral-alpha-a8: var(--beam-sage-alpha-a8);
    --beam-neutral-alpha-a9: var(--beam-sage-alpha-a9);
    --beam-neutral-alpha-a10: var(--beam-sage-alpha-a10);
    --beam-neutral-alpha-a11: var(--beam-sage-alpha-a11);
    --beam-neutral-alpha-a12: var(--beam-sage-alpha-a12);
    --beam-neutral-dark-1: var(--beam-sage-dark-1);
    --beam-neutral-dark-2: var(--beam-sage-dark-2);
    --beam-neutral-dark-3: var(--beam-sage-dark-3);
    --beam-neutral-dark-4: var(--beam-sage-dark-4);
    --beam-neutral-dark-5: var(--beam-sage-dark-5);
    --beam-neutral-dark-6: var(--beam-sage-dark-6);
    --beam-neutral-dark-7: var(--beam-sage-dark-7);
    --beam-neutral-dark-8: var(--beam-sage-dark-8);
    --beam-neutral-dark-9: var(--beam-sage-dark-9);
    --beam-neutral-dark-10: var(--beam-sage-dark-10);
    --beam-neutral-dark-11: var(--beam-sage-dark-11);
    --beam-neutral-dark-12: var(--beam-sage-dark-12);
    --beam-neutral-dark-alpha-a1: var(--beam-sage-dark-alpha-a1);
    --beam-neutral-dark-alpha-a2: var(--beam-sage-dark-alpha-a2);
    --beam-neutral-dark-alpha-a3: var(--beam-sage-dark-alpha-a3);
    --beam-neutral-dark-alpha-a4: var(--beam-sage-dark-alpha-a4);
    --beam-neutral-dark-alpha-a5: var(--beam-sage-dark-alpha-a5);
    --beam-neutral-dark-alpha-a6: var(--beam-sage-dark-alpha-a6);
    --beam-neutral-dark-alpha-a7: var(--beam-sage-dark-alpha-a7);
    --beam-neutral-dark-alpha-a8: var(--beam-sage-dark-alpha-a8);
    --beam-neutral-dark-alpha-a9: var(--beam-sage-dark-alpha-a9);
    --beam-neutral-dark-alpha-a10: var(--beam-sage-dark-alpha-a10);
    --beam-neutral-dark-alpha-a11: var(--beam-sage-dark-alpha-a11);
    --beam-neutral-dark-alpha-a12: var(--beam-sage-dark-alpha-a12);
  }
  [data-gray="sand"] {
    --beam-neutral-1: var(--beam-sand-1);
    --beam-neutral-2: var(--beam-sand-2);
    --beam-neutral-3: var(--beam-sand-3);
    --beam-neutral-4: var(--beam-sand-4);
    --beam-neutral-5: var(--beam-sand-5);
    --beam-neutral-6: var(--beam-sand-6);
    --beam-neutral-7: var(--beam-sand-7);
    --beam-neutral-8: var(--beam-sand-8);
    --beam-neutral-9: var(--beam-sand-9);
    --beam-neutral-10: var(--beam-sand-10);
    --beam-neutral-11: var(--beam-sand-11);
    --beam-neutral-12: var(--beam-sand-12);
    --beam-neutral-alpha-a1: var(--beam-sand-alpha-a1);
    --beam-neutral-alpha-a2: var(--beam-sand-alpha-a2);
    --beam-neutral-alpha-a3: var(--beam-sand-alpha-a3);
    --beam-neutral-alpha-a4: var(--beam-sand-alpha-a4);
    --beam-neutral-alpha-a5: var(--beam-sand-alpha-a5);
    --beam-neutral-alpha-a6: var(--beam-sand-alpha-a6);
    --beam-neutral-alpha-a7: var(--beam-sand-alpha-a7);
    --beam-neutral-alpha-a8: var(--beam-sand-alpha-a8);
    --beam-neutral-alpha-a9: var(--beam-sand-alpha-a9);
    --beam-neutral-alpha-a10: var(--beam-sand-alpha-a10);
    --beam-neutral-alpha-a11: var(--beam-sand-alpha-a11);
    --beam-neutral-alpha-a12: var(--beam-sand-alpha-a12);
    --beam-neutral-dark-1: var(--beam-sand-dark-1);
    --beam-neutral-dark-2: var(--beam-sand-dark-2);
    --beam-neutral-dark-3: var(--beam-sand-dark-3);
    --beam-neutral-dark-4: var(--beam-sand-dark-4);
    --beam-neutral-dark-5: var(--beam-sand-dark-5);
    --beam-neutral-dark-6: var(--beam-sand-dark-6);
    --beam-neutral-dark-7: var(--beam-sand-dark-7);
    --beam-neutral-dark-8: var(--beam-sand-dark-8);
    --beam-neutral-dark-9: var(--beam-sand-dark-9);
    --beam-neutral-dark-10: var(--beam-sand-dark-10);
    --beam-neutral-dark-11: var(--beam-sand-dark-11);
    --beam-neutral-dark-12: var(--beam-sand-dark-12);
    --beam-neutral-dark-alpha-a1: var(--beam-sand-dark-alpha-a1);
    --beam-neutral-dark-alpha-a2: var(--beam-sand-dark-alpha-a2);
    --beam-neutral-dark-alpha-a3: var(--beam-sand-dark-alpha-a3);
    --beam-neutral-dark-alpha-a4: var(--beam-sand-dark-alpha-a4);
    --beam-neutral-dark-alpha-a5: var(--beam-sand-dark-alpha-a5);
    --beam-neutral-dark-alpha-a6: var(--beam-sand-dark-alpha-a6);
    --beam-neutral-dark-alpha-a7: var(--beam-sand-dark-alpha-a7);
    --beam-neutral-dark-alpha-a8: var(--beam-sand-dark-alpha-a8);
    --beam-neutral-dark-alpha-a9: var(--beam-sand-dark-alpha-a9);
    --beam-neutral-dark-alpha-a10: var(--beam-sand-dark-alpha-a10);
    --beam-neutral-dark-alpha-a11: var(--beam-sand-dark-alpha-a11);
    --beam-neutral-dark-alpha-a12: var(--beam-sand-dark-alpha-a12);
  }
  [data-gray="slate"] {
    --beam-neutral-1: var(--beam-slate-1);
    --beam-neutral-2: var(--beam-slate-2);
    --beam-neutral-3: var(--beam-slate-3);
    --beam-neutral-4: var(--beam-slate-4);
    --beam-neutral-5: var(--beam-slate-5);
    --beam-neutral-6: var(--beam-slate-6);
    --beam-neutral-7: var(--beam-slate-7);
    --beam-neutral-8: var(--beam-slate-8);
    --beam-neutral-9: var(--beam-slate-9);
    --beam-neutral-10: var(--beam-slate-10);
    --beam-neutral-11: var(--beam-slate-11);
    --beam-neutral-12: var(--beam-slate-12);
    --beam-neutral-alpha-a1: var(--beam-slate-alpha-a1);
    --beam-neutral-alpha-a2: var(--beam-slate-alpha-a2);
    --beam-neutral-alpha-a3: var(--beam-slate-alpha-a3);
    --beam-neutral-alpha-a4: var(--beam-slate-alpha-a4);
    --beam-neutral-alpha-a5: var(--beam-slate-alpha-a5);
    --beam-neutral-alpha-a6: var(--beam-slate-alpha-a6);
    --beam-neutral-alpha-a7: var(--beam-slate-alpha-a7);
    --beam-neutral-alpha-a8: var(--beam-slate-alpha-a8);
    --beam-neutral-alpha-a9: var(--beam-slate-alpha-a9);
    --beam-neutral-alpha-a10: var(--beam-slate-alpha-a10);
    --beam-neutral-alpha-a11: var(--beam-slate-alpha-a11);
    --beam-neutral-alpha-a12: var(--beam-slate-alpha-a12);
    --beam-neutral-dark-1: var(--beam-slate-dark-1);
    --beam-neutral-dark-2: var(--beam-slate-dark-2);
    --beam-neutral-dark-3: var(--beam-slate-dark-3);
    --beam-neutral-dark-4: var(--beam-slate-dark-4);
    --beam-neutral-dark-5: var(--beam-slate-dark-5);
    --beam-neutral-dark-6: var(--beam-slate-dark-6);
    --beam-neutral-dark-7: var(--beam-slate-dark-7);
    --beam-neutral-dark-8: var(--beam-slate-dark-8);
    --beam-neutral-dark-9: var(--beam-slate-dark-9);
    --beam-neutral-dark-10: var(--beam-slate-dark-10);
    --beam-neutral-dark-11: var(--beam-slate-dark-11);
    --beam-neutral-dark-12: var(--beam-slate-dark-12);
    --beam-neutral-dark-alpha-a1: var(--beam-slate-dark-alpha-a1);
    --beam-neutral-dark-alpha-a2: var(--beam-slate-dark-alpha-a2);
    --beam-neutral-dark-alpha-a3: var(--beam-slate-dark-alpha-a3);
    --beam-neutral-dark-alpha-a4: var(--beam-slate-dark-alpha-a4);
    --beam-neutral-dark-alpha-a5: var(--beam-slate-dark-alpha-a5);
    --beam-neutral-dark-alpha-a6: var(--beam-slate-dark-alpha-a6);
    --beam-neutral-dark-alpha-a7: var(--beam-slate-dark-alpha-a7);
    --beam-neutral-dark-alpha-a8: var(--beam-slate-dark-alpha-a8);
    --beam-neutral-dark-alpha-a9: var(--beam-slate-dark-alpha-a9);
    --beam-neutral-dark-alpha-a10: var(--beam-slate-dark-alpha-a10);
    --beam-neutral-dark-alpha-a11: var(--beam-slate-dark-alpha-a11);
    --beam-neutral-dark-alpha-a12: var(--beam-slate-dark-alpha-a12);
  }

  /* ── 03. Accent ─────────────────────── */
  /* :root = Base (from core kit "base") */
  :root {
    --beam-accent-1: var(--beam-base-1);
    --beam-accent-2: var(--beam-base-2);
    --beam-accent-3: var(--beam-base-3);
    --beam-accent-4: var(--beam-base-4);
    --beam-accent-5: var(--beam-base-5);
    --beam-accent-6: var(--beam-base-6);
    --beam-accent-7: var(--beam-base-7);
    --beam-accent-8: var(--beam-base-8);
    --beam-accent-9: var(--beam-base-9);
    --beam-accent-10: var(--beam-base-10);
    --beam-accent-11: var(--beam-base-11);
    --beam-accent-12: var(--beam-base-12);
    --beam-accent-alpha-a1: var(--beam-base-alpha-a1);
    --beam-accent-alpha-a2: var(--beam-base-alpha-a2);
    --beam-accent-alpha-a3: var(--beam-base-alpha-a3);
    --beam-accent-alpha-a4: var(--beam-base-alpha-a4);
    --beam-accent-alpha-a5: var(--beam-base-alpha-a5);
    --beam-accent-alpha-a6: var(--beam-base-alpha-a6);
    --beam-accent-alpha-a7: var(--beam-base-alpha-a7);
    --beam-accent-alpha-a8: var(--beam-base-alpha-a8);
    --beam-accent-alpha-a9: var(--beam-base-alpha-a9);
    --beam-accent-alpha-a10: var(--beam-base-alpha-a10);
    --beam-accent-alpha-a11: var(--beam-base-alpha-a11);
    --beam-accent-alpha-a12: var(--beam-base-alpha-a12);
    --beam-accent-dark-1: var(--beam-base-dark-1);
    --beam-accent-dark-2: var(--beam-base-dark-2);
    --beam-accent-dark-3: var(--beam-base-dark-3);
    --beam-accent-dark-4: var(--beam-base-dark-4);
    --beam-accent-dark-5: var(--beam-base-dark-5);
    --beam-accent-dark-6: var(--beam-base-dark-6);
    --beam-accent-dark-7: var(--beam-base-dark-7);
    --beam-accent-dark-8: var(--beam-base-dark-8);
    --beam-accent-dark-9: var(--beam-base-dark-9);
    --beam-accent-dark-10: var(--beam-base-dark-10);
    --beam-accent-dark-11: var(--beam-base-dark-11);
    --beam-accent-dark-12: var(--beam-base-dark-12);
    --beam-accent-dark-alpha-a1: var(--beam-base-dark-alpha-a1);
    --beam-accent-dark-alpha-a2: var(--beam-base-dark-alpha-a2);
    --beam-accent-dark-alpha-a3: var(--beam-base-dark-alpha-a3);
    --beam-accent-dark-alpha-a4: var(--beam-base-dark-alpha-a4);
    --beam-accent-dark-alpha-a5: var(--beam-base-dark-alpha-a5);
    --beam-accent-dark-alpha-a6: var(--beam-base-dark-alpha-a6);
    --beam-accent-dark-alpha-a7: var(--beam-base-dark-alpha-a7);
    --beam-accent-dark-alpha-a8: var(--beam-base-dark-alpha-a8);
    --beam-accent-dark-alpha-a9: var(--beam-base-dark-alpha-a9);
    --beam-accent-dark-alpha-a10: var(--beam-base-dark-alpha-a10);
    --beam-accent-dark-alpha-a11: var(--beam-base-dark-alpha-a11);
    --beam-accent-dark-alpha-a12: var(--beam-base-dark-alpha-a12);
    --beam-accent-contrast: #ffffff;
    --beam-accent-text: var(--beam-base-11);
  }
  [data-accent="base"] {
    --beam-accent-1: var(--beam-base-1);
    --beam-accent-2: var(--beam-base-2);
    --beam-accent-3: var(--beam-base-3);
    --beam-accent-4: var(--beam-base-4);
    --beam-accent-5: var(--beam-base-5);
    --beam-accent-6: var(--beam-base-6);
    --beam-accent-7: var(--beam-base-7);
    --beam-accent-8: var(--beam-base-8);
    --beam-accent-9: var(--beam-base-9);
    --beam-accent-10: var(--beam-base-10);
    --beam-accent-11: var(--beam-base-11);
    --beam-accent-12: var(--beam-base-12);
    --beam-accent-alpha-a1: var(--beam-base-alpha-a1);
    --beam-accent-alpha-a2: var(--beam-base-alpha-a2);
    --beam-accent-alpha-a3: var(--beam-base-alpha-a3);
    --beam-accent-alpha-a4: var(--beam-base-alpha-a4);
    --beam-accent-alpha-a5: var(--beam-base-alpha-a5);
    --beam-accent-alpha-a6: var(--beam-base-alpha-a6);
    --beam-accent-alpha-a7: var(--beam-base-alpha-a7);
    --beam-accent-alpha-a8: var(--beam-base-alpha-a8);
    --beam-accent-alpha-a9: var(--beam-base-alpha-a9);
    --beam-accent-alpha-a10: var(--beam-base-alpha-a10);
    --beam-accent-alpha-a11: var(--beam-base-alpha-a11);
    --beam-accent-alpha-a12: var(--beam-base-alpha-a12);
    --beam-accent-dark-1: var(--beam-base-dark-1);
    --beam-accent-dark-2: var(--beam-base-dark-2);
    --beam-accent-dark-3: var(--beam-base-dark-3);
    --beam-accent-dark-4: var(--beam-base-dark-4);
    --beam-accent-dark-5: var(--beam-base-dark-5);
    --beam-accent-dark-6: var(--beam-base-dark-6);
    --beam-accent-dark-7: var(--beam-base-dark-7);
    --beam-accent-dark-8: var(--beam-base-dark-8);
    --beam-accent-dark-9: var(--beam-base-dark-9);
    --beam-accent-dark-10: var(--beam-base-dark-10);
    --beam-accent-dark-11: var(--beam-base-dark-11);
    --beam-accent-dark-12: var(--beam-base-dark-12);
    --beam-accent-dark-alpha-a1: var(--beam-base-dark-alpha-a1);
    --beam-accent-dark-alpha-a2: var(--beam-base-dark-alpha-a2);
    --beam-accent-dark-alpha-a3: var(--beam-base-dark-alpha-a3);
    --beam-accent-dark-alpha-a4: var(--beam-base-dark-alpha-a4);
    --beam-accent-dark-alpha-a5: var(--beam-base-dark-alpha-a5);
    --beam-accent-dark-alpha-a6: var(--beam-base-dark-alpha-a6);
    --beam-accent-dark-alpha-a7: var(--beam-base-dark-alpha-a7);
    --beam-accent-dark-alpha-a8: var(--beam-base-dark-alpha-a8);
    --beam-accent-dark-alpha-a9: var(--beam-base-dark-alpha-a9);
    --beam-accent-dark-alpha-a10: var(--beam-base-dark-alpha-a10);
    --beam-accent-dark-alpha-a11: var(--beam-base-dark-alpha-a11);
    --beam-accent-dark-alpha-a12: var(--beam-base-dark-alpha-a12);
    --beam-accent-contrast: #ffffff;
    --beam-accent-text: var(--beam-base-11);
  }
  [data-accent="abl"] {
    --beam-accent-1: var(--beam-abl-1);
    --beam-accent-2: var(--beam-abl-2);
    --beam-accent-3: var(--beam-abl-3);
    --beam-accent-4: var(--beam-abl-4);
    --beam-accent-5: var(--beam-abl-5);
    --beam-accent-6: var(--beam-abl-6);
    --beam-accent-7: var(--beam-abl-7);
    --beam-accent-8: var(--beam-abl-8);
    --beam-accent-9: var(--beam-abl-9);
    --beam-accent-10: var(--beam-abl-10);
    --beam-accent-11: var(--beam-abl-11);
    --beam-accent-12: var(--beam-abl-12);
    --beam-accent-alpha-a1: var(--beam-abl-alpha-a1);
    --beam-accent-alpha-a2: var(--beam-abl-alpha-a2);
    --beam-accent-alpha-a3: var(--beam-abl-alpha-a3);
    --beam-accent-alpha-a4: var(--beam-abl-alpha-a4);
    --beam-accent-alpha-a5: var(--beam-abl-alpha-a5);
    --beam-accent-alpha-a6: var(--beam-abl-alpha-a6);
    --beam-accent-alpha-a7: var(--beam-abl-alpha-a7);
    --beam-accent-alpha-a8: var(--beam-abl-alpha-a8);
    --beam-accent-alpha-a9: var(--beam-abl-alpha-a9);
    --beam-accent-alpha-a10: var(--beam-abl-alpha-a10);
    --beam-accent-alpha-a11: var(--beam-abl-alpha-a11);
    --beam-accent-alpha-a12: var(--beam-abl-alpha-a12);
    --beam-accent-dark-1: var(--beam-abl-dark-1);
    --beam-accent-dark-2: var(--beam-abl-dark-2);
    --beam-accent-dark-3: var(--beam-abl-dark-3);
    --beam-accent-dark-4: var(--beam-abl-dark-4);
    --beam-accent-dark-5: var(--beam-abl-dark-5);
    --beam-accent-dark-6: var(--beam-abl-dark-6);
    --beam-accent-dark-7: var(--beam-abl-dark-7);
    --beam-accent-dark-8: var(--beam-abl-dark-8);
    --beam-accent-dark-9: var(--beam-abl-dark-9);
    --beam-accent-dark-10: var(--beam-abl-dark-10);
    --beam-accent-dark-11: var(--beam-abl-dark-11);
    --beam-accent-dark-12: var(--beam-abl-dark-12);
    --beam-accent-dark-alpha-a1: var(--beam-abl-dark-alpha-a1);
    --beam-accent-dark-alpha-a2: var(--beam-abl-dark-alpha-a2);
    --beam-accent-dark-alpha-a3: var(--beam-abl-dark-alpha-a3);
    --beam-accent-dark-alpha-a4: var(--beam-abl-dark-alpha-a4);
    --beam-accent-dark-alpha-a5: var(--beam-abl-dark-alpha-a5);
    --beam-accent-dark-alpha-a6: var(--beam-abl-dark-alpha-a6);
    --beam-accent-dark-alpha-a7: var(--beam-abl-dark-alpha-a7);
    --beam-accent-dark-alpha-a8: var(--beam-abl-dark-alpha-a8);
    --beam-accent-dark-alpha-a9: var(--beam-abl-dark-alpha-a9);
    --beam-accent-dark-alpha-a10: var(--beam-abl-dark-alpha-a10);
    --beam-accent-dark-alpha-a11: var(--beam-abl-dark-alpha-a11);
    --beam-accent-dark-alpha-a12: var(--beam-abl-dark-alpha-a12);
    --beam-accent-contrast: #ffffff;
    --beam-accent-text: var(--beam-abl-11);
  }
  [data-accent="rebecca"] {
    --beam-accent-1: var(--beam-rebecca-1);
    --beam-accent-2: var(--beam-rebecca-2);
    --beam-accent-3: var(--beam-rebecca-3);
    --beam-accent-4: var(--beam-rebecca-4);
    --beam-accent-5: var(--beam-rebecca-5);
    --beam-accent-6: var(--beam-rebecca-6);
    --beam-accent-7: var(--beam-rebecca-7);
    --beam-accent-8: var(--beam-rebecca-8);
    --beam-accent-9: var(--beam-rebecca-9);
    --beam-accent-10: var(--beam-rebecca-10);
    --beam-accent-11: var(--beam-rebecca-11);
    --beam-accent-12: var(--beam-rebecca-12);
    --beam-accent-alpha-a1: var(--beam-rebecca-alpha-a1);
    --beam-accent-alpha-a2: var(--beam-rebecca-alpha-a2);
    --beam-accent-alpha-a3: var(--beam-rebecca-alpha-a3);
    --beam-accent-alpha-a4: var(--beam-rebecca-alpha-a4);
    --beam-accent-alpha-a5: var(--beam-rebecca-alpha-a5);
    --beam-accent-alpha-a6: var(--beam-rebecca-alpha-a6);
    --beam-accent-alpha-a7: var(--beam-rebecca-alpha-a7);
    --beam-accent-alpha-a8: var(--beam-rebecca-alpha-a8);
    --beam-accent-alpha-a9: var(--beam-rebecca-alpha-a9);
    --beam-accent-alpha-a10: var(--beam-rebecca-alpha-a10);
    --beam-accent-alpha-a11: var(--beam-rebecca-alpha-a11);
    --beam-accent-alpha-a12: var(--beam-rebecca-alpha-a12);
    --beam-accent-dark-1: var(--beam-rebecca-dark-1);
    --beam-accent-dark-2: var(--beam-rebecca-dark-2);
    --beam-accent-dark-3: var(--beam-rebecca-dark-3);
    --beam-accent-dark-4: var(--beam-rebecca-dark-4);
    --beam-accent-dark-5: var(--beam-rebecca-dark-5);
    --beam-accent-dark-6: var(--beam-rebecca-dark-6);
    --beam-accent-dark-7: var(--beam-rebecca-dark-7);
    --beam-accent-dark-8: var(--beam-rebecca-dark-8);
    --beam-accent-dark-9: var(--beam-rebecca-dark-9);
    --beam-accent-dark-10: var(--beam-rebecca-dark-10);
    --beam-accent-dark-11: var(--beam-rebecca-dark-11);
    --beam-accent-dark-12: var(--beam-rebecca-dark-12);
    --beam-accent-dark-alpha-a1: var(--beam-rebecca-dark-alpha-a1);
    --beam-accent-dark-alpha-a2: var(--beam-rebecca-dark-alpha-a2);
    --beam-accent-dark-alpha-a3: var(--beam-rebecca-dark-alpha-a3);
    --beam-accent-dark-alpha-a4: var(--beam-rebecca-dark-alpha-a4);
    --beam-accent-dark-alpha-a5: var(--beam-rebecca-dark-alpha-a5);
    --beam-accent-dark-alpha-a6: var(--beam-rebecca-dark-alpha-a6);
    --beam-accent-dark-alpha-a7: var(--beam-rebecca-dark-alpha-a7);
    --beam-accent-dark-alpha-a8: var(--beam-rebecca-dark-alpha-a8);
    --beam-accent-dark-alpha-a9: var(--beam-rebecca-dark-alpha-a9);
    --beam-accent-dark-alpha-a10: var(--beam-rebecca-dark-alpha-a10);
    --beam-accent-dark-alpha-a11: var(--beam-rebecca-dark-alpha-a11);
    --beam-accent-dark-alpha-a12: var(--beam-rebecca-dark-alpha-a12);
    --beam-accent-contrast: #ffffff;
    --beam-accent-text: var(--beam-rebecca-11);
  }
  [data-accent="amber"] {
    --beam-accent-1: var(--beam-amber-1);
    --beam-accent-2: var(--beam-amber-2);
    --beam-accent-3: var(--beam-amber-3);
    --beam-accent-4: var(--beam-amber-4);
    --beam-accent-5: var(--beam-amber-5);
    --beam-accent-6: var(--beam-amber-6);
    --beam-accent-7: var(--beam-amber-7);
    --beam-accent-8: var(--beam-amber-8);
    --beam-accent-9: var(--beam-amber-9);
    --beam-accent-10: var(--beam-amber-10);
    --beam-accent-11: var(--beam-amber-11);
    --beam-accent-12: var(--beam-amber-12);
    --beam-accent-alpha-a1: var(--beam-amber-alpha-a1);
    --beam-accent-alpha-a2: var(--beam-amber-alpha-a2);
    --beam-accent-alpha-a3: var(--beam-amber-alpha-a3);
    --beam-accent-alpha-a4: var(--beam-amber-alpha-a4);
    --beam-accent-alpha-a5: var(--beam-amber-alpha-a5);
    --beam-accent-alpha-a6: var(--beam-amber-alpha-a6);
    --beam-accent-alpha-a7: var(--beam-amber-alpha-a7);
    --beam-accent-alpha-a8: var(--beam-amber-alpha-a8);
    --beam-accent-alpha-a9: var(--beam-amber-alpha-a9);
    --beam-accent-alpha-a10: var(--beam-amber-alpha-a10);
    --beam-accent-alpha-a11: var(--beam-amber-alpha-a11);
    --beam-accent-alpha-a12: var(--beam-amber-alpha-a12);
    --beam-accent-dark-1: var(--beam-amber-dark-1);
    --beam-accent-dark-2: var(--beam-amber-dark-2);
    --beam-accent-dark-3: var(--beam-amber-dark-3);
    --beam-accent-dark-4: var(--beam-amber-dark-4);
    --beam-accent-dark-5: var(--beam-amber-dark-5);
    --beam-accent-dark-6: var(--beam-amber-dark-6);
    --beam-accent-dark-7: var(--beam-amber-dark-7);
    --beam-accent-dark-8: var(--beam-amber-dark-8);
    --beam-accent-dark-9: var(--beam-amber-dark-9);
    --beam-accent-dark-10: var(--beam-amber-dark-10);
    --beam-accent-dark-11: var(--beam-amber-dark-11);
    --beam-accent-dark-12: var(--beam-amber-dark-12);
    --beam-accent-dark-alpha-a1: var(--beam-amber-dark-alpha-a1);
    --beam-accent-dark-alpha-a2: var(--beam-amber-dark-alpha-a2);
    --beam-accent-dark-alpha-a3: var(--beam-amber-dark-alpha-a3);
    --beam-accent-dark-alpha-a4: var(--beam-amber-dark-alpha-a4);
    --beam-accent-dark-alpha-a5: var(--beam-amber-dark-alpha-a5);
    --beam-accent-dark-alpha-a6: var(--beam-amber-dark-alpha-a6);
    --beam-accent-dark-alpha-a7: var(--beam-amber-dark-alpha-a7);
    --beam-accent-dark-alpha-a8: var(--beam-amber-dark-alpha-a8);
    --beam-accent-dark-alpha-a9: var(--beam-amber-dark-alpha-a9);
    --beam-accent-dark-alpha-a10: var(--beam-amber-dark-alpha-a10);
    --beam-accent-dark-alpha-a11: var(--beam-amber-dark-alpha-a11);
    --beam-accent-dark-alpha-a12: var(--beam-amber-dark-alpha-a12);
    --beam-accent-contrast: #21201c;
    --beam-accent-text: var(--beam-amber-12);
  }
  [data-accent="blue"] {
    --beam-accent-1: var(--beam-blue-1);
    --beam-accent-2: var(--beam-blue-2);
    --beam-accent-3: var(--beam-blue-3);
    --beam-accent-4: var(--beam-blue-4);
    --beam-accent-5: var(--beam-blue-5);
    --beam-accent-6: var(--beam-blue-6);
    --beam-accent-7: var(--beam-blue-7);
    --beam-accent-8: var(--beam-blue-8);
    --beam-accent-9: var(--beam-blue-9);
    --beam-accent-10: var(--beam-blue-10);
    --beam-accent-11: var(--beam-blue-11);
    --beam-accent-12: var(--beam-blue-12);
    --beam-accent-alpha-a1: var(--beam-blue-alpha-a1);
    --beam-accent-alpha-a2: var(--beam-blue-alpha-a2);
    --beam-accent-alpha-a3: var(--beam-blue-alpha-a3);
    --beam-accent-alpha-a4: var(--beam-blue-alpha-a4);
    --beam-accent-alpha-a5: var(--beam-blue-alpha-a5);
    --beam-accent-alpha-a6: var(--beam-blue-alpha-a6);
    --beam-accent-alpha-a7: var(--beam-blue-alpha-a7);
    --beam-accent-alpha-a8: var(--beam-blue-alpha-a8);
    --beam-accent-alpha-a9: var(--beam-blue-alpha-a9);
    --beam-accent-alpha-a10: var(--beam-blue-alpha-a10);
    --beam-accent-alpha-a11: var(--beam-blue-alpha-a11);
    --beam-accent-alpha-a12: var(--beam-blue-alpha-a12);
    --beam-accent-dark-1: var(--beam-blue-dark-1);
    --beam-accent-dark-2: var(--beam-blue-dark-2);
    --beam-accent-dark-3: var(--beam-blue-dark-3);
    --beam-accent-dark-4: var(--beam-blue-dark-4);
    --beam-accent-dark-5: var(--beam-blue-dark-5);
    --beam-accent-dark-6: var(--beam-blue-dark-6);
    --beam-accent-dark-7: var(--beam-blue-dark-7);
    --beam-accent-dark-8: var(--beam-blue-dark-8);
    --beam-accent-dark-9: var(--beam-blue-dark-9);
    --beam-accent-dark-10: var(--beam-blue-dark-10);
    --beam-accent-dark-11: var(--beam-blue-dark-11);
    --beam-accent-dark-12: var(--beam-blue-dark-12);
    --beam-accent-dark-alpha-a1: var(--beam-blue-dark-alpha-a1);
    --beam-accent-dark-alpha-a2: var(--beam-blue-dark-alpha-a2);
    --beam-accent-dark-alpha-a3: var(--beam-blue-dark-alpha-a3);
    --beam-accent-dark-alpha-a4: var(--beam-blue-dark-alpha-a4);
    --beam-accent-dark-alpha-a5: var(--beam-blue-dark-alpha-a5);
    --beam-accent-dark-alpha-a6: var(--beam-blue-dark-alpha-a6);
    --beam-accent-dark-alpha-a7: var(--beam-blue-dark-alpha-a7);
    --beam-accent-dark-alpha-a8: var(--beam-blue-dark-alpha-a8);
    --beam-accent-dark-alpha-a9: var(--beam-blue-dark-alpha-a9);
    --beam-accent-dark-alpha-a10: var(--beam-blue-dark-alpha-a10);
    --beam-accent-dark-alpha-a11: var(--beam-blue-dark-alpha-a11);
    --beam-accent-dark-alpha-a12: var(--beam-blue-dark-alpha-a12);
    --beam-accent-contrast: #ffffff;
    --beam-accent-text: var(--beam-blue-12);
  }
  [data-accent="bronze"] {
    --beam-accent-1: var(--beam-bronze-1);
    --beam-accent-2: var(--beam-bronze-2);
    --beam-accent-3: var(--beam-bronze-3);
    --beam-accent-4: var(--beam-bronze-4);
    --beam-accent-5: var(--beam-bronze-5);
    --beam-accent-6: var(--beam-bronze-6);
    --beam-accent-7: var(--beam-bronze-7);
    --beam-accent-8: var(--beam-bronze-8);
    --beam-accent-9: var(--beam-bronze-9);
    --beam-accent-10: var(--beam-bronze-10);
    --beam-accent-11: var(--beam-bronze-11);
    --beam-accent-12: var(--beam-bronze-12);
    --beam-accent-alpha-a1: var(--beam-bronze-alpha-a1);
    --beam-accent-alpha-a2: var(--beam-bronze-alpha-a2);
    --beam-accent-alpha-a3: var(--beam-bronze-alpha-a3);
    --beam-accent-alpha-a4: var(--beam-bronze-alpha-a4);
    --beam-accent-alpha-a5: var(--beam-bronze-alpha-a5);
    --beam-accent-alpha-a6: var(--beam-bronze-alpha-a6);
    --beam-accent-alpha-a7: var(--beam-bronze-alpha-a7);
    --beam-accent-alpha-a8: var(--beam-bronze-alpha-a8);
    --beam-accent-alpha-a9: var(--beam-bronze-alpha-a9);
    --beam-accent-alpha-a10: var(--beam-bronze-alpha-a10);
    --beam-accent-alpha-a11: var(--beam-bronze-alpha-a11);
    --beam-accent-alpha-a12: var(--beam-bronze-alpha-a12);
    --beam-accent-dark-1: var(--beam-bronze-dark-1);
    --beam-accent-dark-2: var(--beam-bronze-dark-2);
    --beam-accent-dark-3: var(--beam-bronze-dark-3);
    --beam-accent-dark-4: var(--beam-bronze-dark-4);
    --beam-accent-dark-5: var(--beam-bronze-dark-5);
    --beam-accent-dark-6: var(--beam-bronze-dark-6);
    --beam-accent-dark-7: var(--beam-bronze-dark-7);
    --beam-accent-dark-8: var(--beam-bronze-dark-8);
    --beam-accent-dark-9: var(--beam-bronze-dark-9);
    --beam-accent-dark-10: var(--beam-bronze-dark-10);
    --beam-accent-dark-11: var(--beam-bronze-dark-11);
    --beam-accent-dark-12: var(--beam-bronze-dark-12);
    --beam-accent-dark-alpha-a1: var(--beam-bronze-dark-alpha-a1);
    --beam-accent-dark-alpha-a2: var(--beam-bronze-dark-alpha-a2);
    --beam-accent-dark-alpha-a3: var(--beam-bronze-dark-alpha-a3);
    --beam-accent-dark-alpha-a4: var(--beam-bronze-dark-alpha-a4);
    --beam-accent-dark-alpha-a5: var(--beam-bronze-dark-alpha-a5);
    --beam-accent-dark-alpha-a6: var(--beam-bronze-dark-alpha-a6);
    --beam-accent-dark-alpha-a7: var(--beam-bronze-dark-alpha-a7);
    --beam-accent-dark-alpha-a8: var(--beam-bronze-dark-alpha-a8);
    --beam-accent-dark-alpha-a9: var(--beam-bronze-dark-alpha-a9);
    --beam-accent-dark-alpha-a10: var(--beam-bronze-dark-alpha-a10);
    --beam-accent-dark-alpha-a11: var(--beam-bronze-dark-alpha-a11);
    --beam-accent-dark-alpha-a12: var(--beam-bronze-dark-alpha-a12);
    --beam-accent-contrast: #ffffff;
    --beam-accent-text: var(--beam-bronze-11);
  }
  [data-accent="brown"] {
    --beam-accent-1: var(--beam-brown-1);
    --beam-accent-2: var(--beam-brown-2);
    --beam-accent-3: var(--beam-brown-3);
    --beam-accent-4: var(--beam-brown-4);
    --beam-accent-5: var(--beam-brown-5);
    --beam-accent-6: var(--beam-brown-6);
    --beam-accent-7: var(--beam-brown-7);
    --beam-accent-8: var(--beam-brown-8);
    --beam-accent-9: var(--beam-brown-9);
    --beam-accent-10: var(--beam-brown-10);
    --beam-accent-11: var(--beam-brown-11);
    --beam-accent-12: var(--beam-brown-12);
    --beam-accent-alpha-a1: var(--beam-brown-alpha-a1);
    --beam-accent-alpha-a2: var(--beam-brown-alpha-a2);
    --beam-accent-alpha-a3: var(--beam-brown-alpha-a3);
    --beam-accent-alpha-a4: var(--beam-brown-alpha-a4);
    --beam-accent-alpha-a5: var(--beam-brown-alpha-a5);
    --beam-accent-alpha-a6: var(--beam-brown-alpha-a6);
    --beam-accent-alpha-a7: var(--beam-brown-alpha-a7);
    --beam-accent-alpha-a8: var(--beam-brown-alpha-a8);
    --beam-accent-alpha-a9: var(--beam-brown-alpha-a9);
    --beam-accent-alpha-a10: var(--beam-brown-alpha-a10);
    --beam-accent-alpha-a11: var(--beam-brown-alpha-a11);
    --beam-accent-alpha-a12: var(--beam-brown-alpha-a12);
    --beam-accent-dark-1: var(--beam-brown-dark-1);
    --beam-accent-dark-2: var(--beam-brown-dark-2);
    --beam-accent-dark-3: var(--beam-brown-dark-3);
    --beam-accent-dark-4: var(--beam-brown-dark-4);
    --beam-accent-dark-5: var(--beam-brown-dark-5);
    --beam-accent-dark-6: var(--beam-brown-dark-6);
    --beam-accent-dark-7: var(--beam-brown-dark-7);
    --beam-accent-dark-8: var(--beam-brown-dark-8);
    --beam-accent-dark-9: var(--beam-brown-dark-9);
    --beam-accent-dark-10: var(--beam-brown-dark-10);
    --beam-accent-dark-11: var(--beam-brown-dark-11);
    --beam-accent-dark-12: var(--beam-brown-dark-12);
    --beam-accent-dark-alpha-a1: var(--beam-brown-dark-alpha-a1);
    --beam-accent-dark-alpha-a2: var(--beam-brown-dark-alpha-a2);
    --beam-accent-dark-alpha-a3: var(--beam-brown-dark-alpha-a3);
    --beam-accent-dark-alpha-a4: var(--beam-brown-dark-alpha-a4);
    --beam-accent-dark-alpha-a5: var(--beam-brown-dark-alpha-a5);
    --beam-accent-dark-alpha-a6: var(--beam-brown-dark-alpha-a6);
    --beam-accent-dark-alpha-a7: var(--beam-brown-dark-alpha-a7);
    --beam-accent-dark-alpha-a8: var(--beam-brown-dark-alpha-a8);
    --beam-accent-dark-alpha-a9: var(--beam-brown-dark-alpha-a9);
    --beam-accent-dark-alpha-a10: var(--beam-brown-dark-alpha-a10);
    --beam-accent-dark-alpha-a11: var(--beam-brown-dark-alpha-a11);
    --beam-accent-dark-alpha-a12: var(--beam-brown-dark-alpha-a12);
    --beam-accent-contrast: #ffffff;
    --beam-accent-text: var(--beam-brown-11);
  }
  [data-accent="crimson"] {
    --beam-accent-1: var(--beam-crimson-1);
    --beam-accent-2: var(--beam-crimson-2);
    --beam-accent-3: var(--beam-crimson-3);
    --beam-accent-4: var(--beam-crimson-4);
    --beam-accent-5: var(--beam-crimson-5);
    --beam-accent-6: var(--beam-crimson-6);
    --beam-accent-7: var(--beam-crimson-7);
    --beam-accent-8: var(--beam-crimson-8);
    --beam-accent-9: var(--beam-crimson-9);
    --beam-accent-10: var(--beam-crimson-10);
    --beam-accent-11: var(--beam-crimson-11);
    --beam-accent-12: var(--beam-crimson-12);
    --beam-accent-alpha-a1: var(--beam-crimson-alpha-a1);
    --beam-accent-alpha-a2: var(--beam-crimson-alpha-a2);
    --beam-accent-alpha-a3: var(--beam-crimson-alpha-a3);
    --beam-accent-alpha-a4: var(--beam-crimson-alpha-a4);
    --beam-accent-alpha-a5: var(--beam-crimson-alpha-a5);
    --beam-accent-alpha-a6: var(--beam-crimson-alpha-a6);
    --beam-accent-alpha-a7: var(--beam-crimson-alpha-a7);
    --beam-accent-alpha-a8: var(--beam-crimson-alpha-a8);
    --beam-accent-alpha-a9: var(--beam-crimson-alpha-a9);
    --beam-accent-alpha-a10: var(--beam-crimson-alpha-a10);
    --beam-accent-alpha-a11: var(--beam-crimson-alpha-a11);
    --beam-accent-alpha-a12: var(--beam-crimson-alpha-a12);
    --beam-accent-dark-1: var(--beam-crimson-dark-1);
    --beam-accent-dark-2: var(--beam-crimson-dark-2);
    --beam-accent-dark-3: var(--beam-crimson-dark-3);
    --beam-accent-dark-4: var(--beam-crimson-dark-4);
    --beam-accent-dark-5: var(--beam-crimson-dark-5);
    --beam-accent-dark-6: var(--beam-crimson-dark-6);
    --beam-accent-dark-7: var(--beam-crimson-dark-7);
    --beam-accent-dark-8: var(--beam-crimson-dark-8);
    --beam-accent-dark-9: var(--beam-crimson-dark-9);
    --beam-accent-dark-10: var(--beam-crimson-dark-10);
    --beam-accent-dark-11: var(--beam-crimson-dark-11);
    --beam-accent-dark-12: var(--beam-crimson-dark-12);
    --beam-accent-dark-alpha-a1: var(--beam-crimson-dark-alpha-a1);
    --beam-accent-dark-alpha-a2: var(--beam-crimson-dark-alpha-a2);
    --beam-accent-dark-alpha-a3: var(--beam-crimson-dark-alpha-a3);
    --beam-accent-dark-alpha-a4: var(--beam-crimson-dark-alpha-a4);
    --beam-accent-dark-alpha-a5: var(--beam-crimson-dark-alpha-a5);
    --beam-accent-dark-alpha-a6: var(--beam-crimson-dark-alpha-a6);
    --beam-accent-dark-alpha-a7: var(--beam-crimson-dark-alpha-a7);
    --beam-accent-dark-alpha-a8: var(--beam-crimson-dark-alpha-a8);
    --beam-accent-dark-alpha-a9: var(--beam-crimson-dark-alpha-a9);
    --beam-accent-dark-alpha-a10: var(--beam-crimson-dark-alpha-a10);
    --beam-accent-dark-alpha-a11: var(--beam-crimson-dark-alpha-a11);
    --beam-accent-dark-alpha-a12: var(--beam-crimson-dark-alpha-a12);
    --beam-accent-contrast: #ffffff;
    --beam-accent-text: var(--beam-crimson-12);
  }
  [data-accent="cyan"] {
    --beam-accent-1: var(--beam-cyan-1);
    --beam-accent-2: var(--beam-cyan-2);
    --beam-accent-3: var(--beam-cyan-3);
    --beam-accent-4: var(--beam-cyan-4);
    --beam-accent-5: var(--beam-cyan-5);
    --beam-accent-6: var(--beam-cyan-6);
    --beam-accent-7: var(--beam-cyan-7);
    --beam-accent-8: var(--beam-cyan-8);
    --beam-accent-9: var(--beam-cyan-9);
    --beam-accent-10: var(--beam-cyan-10);
    --beam-accent-11: var(--beam-cyan-11);
    --beam-accent-12: var(--beam-cyan-12);
    --beam-accent-alpha-a1: var(--beam-cyan-alpha-a1);
    --beam-accent-alpha-a2: var(--beam-cyan-alpha-a2);
    --beam-accent-alpha-a3: var(--beam-cyan-alpha-a3);
    --beam-accent-alpha-a4: var(--beam-cyan-alpha-a4);
    --beam-accent-alpha-a5: var(--beam-cyan-alpha-a5);
    --beam-accent-alpha-a6: var(--beam-cyan-alpha-a6);
    --beam-accent-alpha-a7: var(--beam-cyan-alpha-a7);
    --beam-accent-alpha-a8: var(--beam-cyan-alpha-a8);
    --beam-accent-alpha-a9: var(--beam-cyan-alpha-a9);
    --beam-accent-alpha-a10: var(--beam-cyan-alpha-a10);
    --beam-accent-alpha-a11: var(--beam-cyan-alpha-a11);
    --beam-accent-alpha-a12: var(--beam-cyan-alpha-a12);
    --beam-accent-dark-1: var(--beam-cyan-dark-1);
    --beam-accent-dark-2: var(--beam-cyan-dark-2);
    --beam-accent-dark-3: var(--beam-cyan-dark-3);
    --beam-accent-dark-4: var(--beam-cyan-dark-4);
    --beam-accent-dark-5: var(--beam-cyan-dark-5);
    --beam-accent-dark-6: var(--beam-cyan-dark-6);
    --beam-accent-dark-7: var(--beam-cyan-dark-7);
    --beam-accent-dark-8: var(--beam-cyan-dark-8);
    --beam-accent-dark-9: var(--beam-cyan-dark-9);
    --beam-accent-dark-10: var(--beam-cyan-dark-10);
    --beam-accent-dark-11: var(--beam-cyan-dark-11);
    --beam-accent-dark-12: var(--beam-cyan-dark-12);
    --beam-accent-dark-alpha-a1: var(--beam-cyan-dark-alpha-a1);
    --beam-accent-dark-alpha-a2: var(--beam-cyan-dark-alpha-a2);
    --beam-accent-dark-alpha-a3: var(--beam-cyan-dark-alpha-a3);
    --beam-accent-dark-alpha-a4: var(--beam-cyan-dark-alpha-a4);
    --beam-accent-dark-alpha-a5: var(--beam-cyan-dark-alpha-a5);
    --beam-accent-dark-alpha-a6: var(--beam-cyan-dark-alpha-a6);
    --beam-accent-dark-alpha-a7: var(--beam-cyan-dark-alpha-a7);
    --beam-accent-dark-alpha-a8: var(--beam-cyan-dark-alpha-a8);
    --beam-accent-dark-alpha-a9: var(--beam-cyan-dark-alpha-a9);
    --beam-accent-dark-alpha-a10: var(--beam-cyan-dark-alpha-a10);
    --beam-accent-dark-alpha-a11: var(--beam-cyan-dark-alpha-a11);
    --beam-accent-dark-alpha-a12: var(--beam-cyan-dark-alpha-a12);
    --beam-accent-contrast: #ffffff;
    --beam-accent-text: var(--beam-cyan-12);
  }
  [data-accent="gold"] {
    --beam-accent-1: var(--beam-gold-1);
    --beam-accent-2: var(--beam-gold-2);
    --beam-accent-3: var(--beam-gold-3);
    --beam-accent-4: var(--beam-gold-4);
    --beam-accent-5: var(--beam-gold-5);
    --beam-accent-6: var(--beam-gold-6);
    --beam-accent-7: var(--beam-gold-7);
    --beam-accent-8: var(--beam-gold-8);
    --beam-accent-9: var(--beam-gold-9);
    --beam-accent-10: var(--beam-gold-10);
    --beam-accent-11: var(--beam-gold-11);
    --beam-accent-12: var(--beam-gold-12);
    --beam-accent-alpha-a1: var(--beam-gold-alpha-a1);
    --beam-accent-alpha-a2: var(--beam-gold-alpha-a2);
    --beam-accent-alpha-a3: var(--beam-gold-alpha-a3);
    --beam-accent-alpha-a4: var(--beam-gold-alpha-a4);
    --beam-accent-alpha-a5: var(--beam-gold-alpha-a5);
    --beam-accent-alpha-a6: var(--beam-gold-alpha-a6);
    --beam-accent-alpha-a7: var(--beam-gold-alpha-a7);
    --beam-accent-alpha-a8: var(--beam-gold-alpha-a8);
    --beam-accent-alpha-a9: var(--beam-gold-alpha-a9);
    --beam-accent-alpha-a10: var(--beam-gold-alpha-a10);
    --beam-accent-alpha-a11: var(--beam-gold-alpha-a11);
    --beam-accent-alpha-a12: var(--beam-gold-alpha-a12);
    --beam-accent-dark-1: var(--beam-gold-dark-1);
    --beam-accent-dark-2: var(--beam-gold-dark-2);
    --beam-accent-dark-3: var(--beam-gold-dark-3);
    --beam-accent-dark-4: var(--beam-gold-dark-4);
    --beam-accent-dark-5: var(--beam-gold-dark-5);
    --beam-accent-dark-6: var(--beam-gold-dark-6);
    --beam-accent-dark-7: var(--beam-gold-dark-7);
    --beam-accent-dark-8: var(--beam-gold-dark-8);
    --beam-accent-dark-9: var(--beam-gold-dark-9);
    --beam-accent-dark-10: var(--beam-gold-dark-10);
    --beam-accent-dark-11: var(--beam-gold-dark-11);
    --beam-accent-dark-12: var(--beam-gold-dark-12);
    --beam-accent-dark-alpha-a1: var(--beam-gold-dark-alpha-a1);
    --beam-accent-dark-alpha-a2: var(--beam-gold-dark-alpha-a2);
    --beam-accent-dark-alpha-a3: var(--beam-gold-dark-alpha-a3);
    --beam-accent-dark-alpha-a4: var(--beam-gold-dark-alpha-a4);
    --beam-accent-dark-alpha-a5: var(--beam-gold-dark-alpha-a5);
    --beam-accent-dark-alpha-a6: var(--beam-gold-dark-alpha-a6);
    --beam-accent-dark-alpha-a7: var(--beam-gold-dark-alpha-a7);
    --beam-accent-dark-alpha-a8: var(--beam-gold-dark-alpha-a8);
    --beam-accent-dark-alpha-a9: var(--beam-gold-dark-alpha-a9);
    --beam-accent-dark-alpha-a10: var(--beam-gold-dark-alpha-a10);
    --beam-accent-dark-alpha-a11: var(--beam-gold-dark-alpha-a11);
    --beam-accent-dark-alpha-a12: var(--beam-gold-dark-alpha-a12);
    --beam-accent-contrast: #ffffff;
    --beam-accent-text: var(--beam-gold-11);
  }
  [data-accent="grass"] {
    --beam-accent-1: var(--beam-grass-1);
    --beam-accent-2: var(--beam-grass-2);
    --beam-accent-3: var(--beam-grass-3);
    --beam-accent-4: var(--beam-grass-4);
    --beam-accent-5: var(--beam-grass-5);
    --beam-accent-6: var(--beam-grass-6);
    --beam-accent-7: var(--beam-grass-7);
    --beam-accent-8: var(--beam-grass-8);
    --beam-accent-9: var(--beam-grass-9);
    --beam-accent-10: var(--beam-grass-10);
    --beam-accent-11: var(--beam-grass-11);
    --beam-accent-12: var(--beam-grass-12);
    --beam-accent-alpha-a1: var(--beam-grass-alpha-a1);
    --beam-accent-alpha-a2: var(--beam-grass-alpha-a2);
    --beam-accent-alpha-a3: var(--beam-grass-alpha-a3);
    --beam-accent-alpha-a4: var(--beam-grass-alpha-a4);
    --beam-accent-alpha-a5: var(--beam-grass-alpha-a5);
    --beam-accent-alpha-a6: var(--beam-grass-alpha-a6);
    --beam-accent-alpha-a7: var(--beam-grass-alpha-a7);
    --beam-accent-alpha-a8: var(--beam-grass-alpha-a8);
    --beam-accent-alpha-a9: var(--beam-grass-alpha-a9);
    --beam-accent-alpha-a10: var(--beam-grass-alpha-a10);
    --beam-accent-alpha-a11: var(--beam-grass-alpha-a11);
    --beam-accent-alpha-a12: var(--beam-grass-alpha-a12);
    --beam-accent-dark-1: var(--beam-grass-dark-1);
    --beam-accent-dark-2: var(--beam-grass-dark-2);
    --beam-accent-dark-3: var(--beam-grass-dark-3);
    --beam-accent-dark-4: var(--beam-grass-dark-4);
    --beam-accent-dark-5: var(--beam-grass-dark-5);
    --beam-accent-dark-6: var(--beam-grass-dark-6);
    --beam-accent-dark-7: var(--beam-grass-dark-7);
    --beam-accent-dark-8: var(--beam-grass-dark-8);
    --beam-accent-dark-9: var(--beam-grass-dark-9);
    --beam-accent-dark-10: var(--beam-grass-dark-10);
    --beam-accent-dark-11: var(--beam-grass-dark-11);
    --beam-accent-dark-12: var(--beam-grass-dark-12);
    --beam-accent-dark-alpha-a1: var(--beam-grass-dark-alpha-a1);
    --beam-accent-dark-alpha-a2: var(--beam-grass-dark-alpha-a2);
    --beam-accent-dark-alpha-a3: var(--beam-grass-dark-alpha-a3);
    --beam-accent-dark-alpha-a4: var(--beam-grass-dark-alpha-a4);
    --beam-accent-dark-alpha-a5: var(--beam-grass-dark-alpha-a5);
    --beam-accent-dark-alpha-a6: var(--beam-grass-dark-alpha-a6);
    --beam-accent-dark-alpha-a7: var(--beam-grass-dark-alpha-a7);
    --beam-accent-dark-alpha-a8: var(--beam-grass-dark-alpha-a8);
    --beam-accent-dark-alpha-a9: var(--beam-grass-dark-alpha-a9);
    --beam-accent-dark-alpha-a10: var(--beam-grass-dark-alpha-a10);
    --beam-accent-dark-alpha-a11: var(--beam-grass-dark-alpha-a11);
    --beam-accent-dark-alpha-a12: var(--beam-grass-dark-alpha-a12);
    --beam-accent-contrast: #ffffff;
    --beam-accent-text: var(--beam-grass-12);
  }
  [data-accent="green"] {
    --beam-accent-1: var(--beam-green-1);
    --beam-accent-2: var(--beam-green-2);
    --beam-accent-3: var(--beam-green-3);
    --beam-accent-4: var(--beam-green-4);
    --beam-accent-5: var(--beam-green-5);
    --beam-accent-6: var(--beam-green-6);
    --beam-accent-7: var(--beam-green-7);
    --beam-accent-8: var(--beam-green-8);
    --beam-accent-9: var(--beam-green-9);
    --beam-accent-10: var(--beam-green-10);
    --beam-accent-11: var(--beam-green-11);
    --beam-accent-12: var(--beam-green-12);
    --beam-accent-alpha-a1: var(--beam-green-alpha-a1);
    --beam-accent-alpha-a2: var(--beam-green-alpha-a2);
    --beam-accent-alpha-a3: var(--beam-green-alpha-a3);
    --beam-accent-alpha-a4: var(--beam-green-alpha-a4);
    --beam-accent-alpha-a5: var(--beam-green-alpha-a5);
    --beam-accent-alpha-a6: var(--beam-green-alpha-a6);
    --beam-accent-alpha-a7: var(--beam-green-alpha-a7);
    --beam-accent-alpha-a8: var(--beam-green-alpha-a8);
    --beam-accent-alpha-a9: var(--beam-green-alpha-a9);
    --beam-accent-alpha-a10: var(--beam-green-alpha-a10);
    --beam-accent-alpha-a11: var(--beam-green-alpha-a11);
    --beam-accent-alpha-a12: var(--beam-green-alpha-a12);
    --beam-accent-dark-1: var(--beam-green-dark-1);
    --beam-accent-dark-2: var(--beam-green-dark-2);
    --beam-accent-dark-3: var(--beam-green-dark-3);
    --beam-accent-dark-4: var(--beam-green-dark-4);
    --beam-accent-dark-5: var(--beam-green-dark-5);
    --beam-accent-dark-6: var(--beam-green-dark-6);
    --beam-accent-dark-7: var(--beam-green-dark-7);
    --beam-accent-dark-8: var(--beam-green-dark-8);
    --beam-accent-dark-9: var(--beam-green-dark-9);
    --beam-accent-dark-10: var(--beam-green-dark-10);
    --beam-accent-dark-11: var(--beam-green-dark-11);
    --beam-accent-dark-12: var(--beam-green-dark-12);
    --beam-accent-dark-alpha-a1: var(--beam-green-dark-alpha-a1);
    --beam-accent-dark-alpha-a2: var(--beam-green-dark-alpha-a2);
    --beam-accent-dark-alpha-a3: var(--beam-green-dark-alpha-a3);
    --beam-accent-dark-alpha-a4: var(--beam-green-dark-alpha-a4);
    --beam-accent-dark-alpha-a5: var(--beam-green-dark-alpha-a5);
    --beam-accent-dark-alpha-a6: var(--beam-green-dark-alpha-a6);
    --beam-accent-dark-alpha-a7: var(--beam-green-dark-alpha-a7);
    --beam-accent-dark-alpha-a8: var(--beam-green-dark-alpha-a8);
    --beam-accent-dark-alpha-a9: var(--beam-green-dark-alpha-a9);
    --beam-accent-dark-alpha-a10: var(--beam-green-dark-alpha-a10);
    --beam-accent-dark-alpha-a11: var(--beam-green-dark-alpha-a11);
    --beam-accent-dark-alpha-a12: var(--beam-green-dark-alpha-a12);
    --beam-accent-contrast: #ffffff;
    --beam-accent-text: var(--beam-green-12);
  }
  [data-accent="indigo"] {
    --beam-accent-1: var(--beam-indigo-1);
    --beam-accent-2: var(--beam-indigo-2);
    --beam-accent-3: var(--beam-indigo-3);
    --beam-accent-4: var(--beam-indigo-4);
    --beam-accent-5: var(--beam-indigo-5);
    --beam-accent-6: var(--beam-indigo-6);
    --beam-accent-7: var(--beam-indigo-7);
    --beam-accent-8: var(--beam-indigo-8);
    --beam-accent-9: var(--beam-indigo-9);
    --beam-accent-10: var(--beam-indigo-10);
    --beam-accent-11: var(--beam-indigo-11);
    --beam-accent-12: var(--beam-indigo-12);
    --beam-accent-alpha-a1: var(--beam-indigo-alpha-a1);
    --beam-accent-alpha-a2: var(--beam-indigo-alpha-a2);
    --beam-accent-alpha-a3: var(--beam-indigo-alpha-a3);
    --beam-accent-alpha-a4: var(--beam-indigo-alpha-a4);
    --beam-accent-alpha-a5: var(--beam-indigo-alpha-a5);
    --beam-accent-alpha-a6: var(--beam-indigo-alpha-a6);
    --beam-accent-alpha-a7: var(--beam-indigo-alpha-a7);
    --beam-accent-alpha-a8: var(--beam-indigo-alpha-a8);
    --beam-accent-alpha-a9: var(--beam-indigo-alpha-a9);
    --beam-accent-alpha-a10: var(--beam-indigo-alpha-a10);
    --beam-accent-alpha-a11: var(--beam-indigo-alpha-a11);
    --beam-accent-alpha-a12: var(--beam-indigo-alpha-a12);
    --beam-accent-dark-1: var(--beam-indigo-dark-1);
    --beam-accent-dark-2: var(--beam-indigo-dark-2);
    --beam-accent-dark-3: var(--beam-indigo-dark-3);
    --beam-accent-dark-4: var(--beam-indigo-dark-4);
    --beam-accent-dark-5: var(--beam-indigo-dark-5);
    --beam-accent-dark-6: var(--beam-indigo-dark-6);
    --beam-accent-dark-7: var(--beam-indigo-dark-7);
    --beam-accent-dark-8: var(--beam-indigo-dark-8);
    --beam-accent-dark-9: var(--beam-indigo-dark-9);
    --beam-accent-dark-10: var(--beam-indigo-dark-10);
    --beam-accent-dark-11: var(--beam-indigo-dark-11);
    --beam-accent-dark-12: var(--beam-indigo-dark-12);
    --beam-accent-dark-alpha-a1: var(--beam-indigo-dark-alpha-a1);
    --beam-accent-dark-alpha-a2: var(--beam-indigo-dark-alpha-a2);
    --beam-accent-dark-alpha-a3: var(--beam-indigo-dark-alpha-a3);
    --beam-accent-dark-alpha-a4: var(--beam-indigo-dark-alpha-a4);
    --beam-accent-dark-alpha-a5: var(--beam-indigo-dark-alpha-a5);
    --beam-accent-dark-alpha-a6: var(--beam-indigo-dark-alpha-a6);
    --beam-accent-dark-alpha-a7: var(--beam-indigo-dark-alpha-a7);
    --beam-accent-dark-alpha-a8: var(--beam-indigo-dark-alpha-a8);
    --beam-accent-dark-alpha-a9: var(--beam-indigo-dark-alpha-a9);
    --beam-accent-dark-alpha-a10: var(--beam-indigo-dark-alpha-a10);
    --beam-accent-dark-alpha-a11: var(--beam-indigo-dark-alpha-a11);
    --beam-accent-dark-alpha-a12: var(--beam-indigo-dark-alpha-a12);
    --beam-accent-contrast: #ffffff;
    --beam-accent-text: var(--beam-indigo-11);
  }
  [data-accent="iris"] {
    --beam-accent-1: var(--beam-iris-1);
    --beam-accent-2: var(--beam-iris-2);
    --beam-accent-3: var(--beam-iris-3);
    --beam-accent-4: var(--beam-iris-4);
    --beam-accent-5: var(--beam-iris-5);
    --beam-accent-6: var(--beam-iris-6);
    --beam-accent-7: var(--beam-iris-7);
    --beam-accent-8: var(--beam-iris-8);
    --beam-accent-9: var(--beam-iris-9);
    --beam-accent-10: var(--beam-iris-10);
    --beam-accent-11: var(--beam-iris-11);
    --beam-accent-12: var(--beam-iris-12);
    --beam-accent-alpha-a1: var(--beam-iris-alpha-a1);
    --beam-accent-alpha-a2: var(--beam-iris-alpha-a2);
    --beam-accent-alpha-a3: var(--beam-iris-alpha-a3);
    --beam-accent-alpha-a4: var(--beam-iris-alpha-a4);
    --beam-accent-alpha-a5: var(--beam-iris-alpha-a5);
    --beam-accent-alpha-a6: var(--beam-iris-alpha-a6);
    --beam-accent-alpha-a7: var(--beam-iris-alpha-a7);
    --beam-accent-alpha-a8: var(--beam-iris-alpha-a8);
    --beam-accent-alpha-a9: var(--beam-iris-alpha-a9);
    --beam-accent-alpha-a10: var(--beam-iris-alpha-a10);
    --beam-accent-alpha-a11: var(--beam-iris-alpha-a11);
    --beam-accent-alpha-a12: var(--beam-iris-alpha-a12);
    --beam-accent-dark-1: var(--beam-iris-dark-1);
    --beam-accent-dark-2: var(--beam-iris-dark-2);
    --beam-accent-dark-3: var(--beam-iris-dark-3);
    --beam-accent-dark-4: var(--beam-iris-dark-4);
    --beam-accent-dark-5: var(--beam-iris-dark-5);
    --beam-accent-dark-6: var(--beam-iris-dark-6);
    --beam-accent-dark-7: var(--beam-iris-dark-7);
    --beam-accent-dark-8: var(--beam-iris-dark-8);
    --beam-accent-dark-9: var(--beam-iris-dark-9);
    --beam-accent-dark-10: var(--beam-iris-dark-10);
    --beam-accent-dark-11: var(--beam-iris-dark-11);
    --beam-accent-dark-12: var(--beam-iris-dark-12);
    --beam-accent-dark-alpha-a1: var(--beam-iris-dark-alpha-a1);
    --beam-accent-dark-alpha-a2: var(--beam-iris-dark-alpha-a2);
    --beam-accent-dark-alpha-a3: var(--beam-iris-dark-alpha-a3);
    --beam-accent-dark-alpha-a4: var(--beam-iris-dark-alpha-a4);
    --beam-accent-dark-alpha-a5: var(--beam-iris-dark-alpha-a5);
    --beam-accent-dark-alpha-a6: var(--beam-iris-dark-alpha-a6);
    --beam-accent-dark-alpha-a7: var(--beam-iris-dark-alpha-a7);
    --beam-accent-dark-alpha-a8: var(--beam-iris-dark-alpha-a8);
    --beam-accent-dark-alpha-a9: var(--beam-iris-dark-alpha-a9);
    --beam-accent-dark-alpha-a10: var(--beam-iris-dark-alpha-a10);
    --beam-accent-dark-alpha-a11: var(--beam-iris-dark-alpha-a11);
    --beam-accent-dark-alpha-a12: var(--beam-iris-dark-alpha-a12);
    --beam-accent-contrast: #ffffff;
    --beam-accent-text: var(--beam-iris-11);
  }
  [data-accent="jade"] {
    --beam-accent-1: var(--beam-jade-1);
    --beam-accent-2: var(--beam-jade-2);
    --beam-accent-3: var(--beam-jade-3);
    --beam-accent-4: var(--beam-jade-4);
    --beam-accent-5: var(--beam-jade-5);
    --beam-accent-6: var(--beam-jade-6);
    --beam-accent-7: var(--beam-jade-7);
    --beam-accent-8: var(--beam-jade-8);
    --beam-accent-9: var(--beam-jade-9);
    --beam-accent-10: var(--beam-jade-10);
    --beam-accent-11: var(--beam-jade-11);
    --beam-accent-12: var(--beam-jade-12);
    --beam-accent-alpha-a1: var(--beam-jade-alpha-a1);
    --beam-accent-alpha-a2: var(--beam-jade-alpha-a2);
    --beam-accent-alpha-a3: var(--beam-jade-alpha-a3);
    --beam-accent-alpha-a4: var(--beam-jade-alpha-a4);
    --beam-accent-alpha-a5: var(--beam-jade-alpha-a5);
    --beam-accent-alpha-a6: var(--beam-jade-alpha-a6);
    --beam-accent-alpha-a7: var(--beam-jade-alpha-a7);
    --beam-accent-alpha-a8: var(--beam-jade-alpha-a8);
    --beam-accent-alpha-a9: var(--beam-jade-alpha-a9);
    --beam-accent-alpha-a10: var(--beam-jade-alpha-a10);
    --beam-accent-alpha-a11: var(--beam-jade-alpha-a11);
    --beam-accent-alpha-a12: var(--beam-jade-alpha-a12);
    --beam-accent-dark-1: var(--beam-jade-dark-1);
    --beam-accent-dark-2: var(--beam-jade-dark-2);
    --beam-accent-dark-3: var(--beam-jade-dark-3);
    --beam-accent-dark-4: var(--beam-jade-dark-4);
    --beam-accent-dark-5: var(--beam-jade-dark-5);
    --beam-accent-dark-6: var(--beam-jade-dark-6);
    --beam-accent-dark-7: var(--beam-jade-dark-7);
    --beam-accent-dark-8: var(--beam-jade-dark-8);
    --beam-accent-dark-9: var(--beam-jade-dark-9);
    --beam-accent-dark-10: var(--beam-jade-dark-10);
    --beam-accent-dark-11: var(--beam-jade-dark-11);
    --beam-accent-dark-12: var(--beam-jade-dark-12);
    --beam-accent-dark-alpha-a1: var(--beam-jade-dark-alpha-a1);
    --beam-accent-dark-alpha-a2: var(--beam-jade-dark-alpha-a2);
    --beam-accent-dark-alpha-a3: var(--beam-jade-dark-alpha-a3);
    --beam-accent-dark-alpha-a4: var(--beam-jade-dark-alpha-a4);
    --beam-accent-dark-alpha-a5: var(--beam-jade-dark-alpha-a5);
    --beam-accent-dark-alpha-a6: var(--beam-jade-dark-alpha-a6);
    --beam-accent-dark-alpha-a7: var(--beam-jade-dark-alpha-a7);
    --beam-accent-dark-alpha-a8: var(--beam-jade-dark-alpha-a8);
    --beam-accent-dark-alpha-a9: var(--beam-jade-dark-alpha-a9);
    --beam-accent-dark-alpha-a10: var(--beam-jade-dark-alpha-a10);
    --beam-accent-dark-alpha-a11: var(--beam-jade-dark-alpha-a11);
    --beam-accent-dark-alpha-a12: var(--beam-jade-dark-alpha-a12);
    --beam-accent-contrast: #ffffff;
    --beam-accent-text: var(--beam-jade-12);
  }
  [data-accent="lime"] {
    --beam-accent-1: var(--beam-lime-1);
    --beam-accent-2: var(--beam-lime-2);
    --beam-accent-3: var(--beam-lime-3);
    --beam-accent-4: var(--beam-lime-4);
    --beam-accent-5: var(--beam-lime-5);
    --beam-accent-6: var(--beam-lime-6);
    --beam-accent-7: var(--beam-lime-7);
    --beam-accent-8: var(--beam-lime-8);
    --beam-accent-9: var(--beam-lime-9);
    --beam-accent-10: var(--beam-lime-10);
    --beam-accent-11: var(--beam-lime-11);
    --beam-accent-12: var(--beam-lime-12);
    --beam-accent-alpha-a1: var(--beam-lime-alpha-a1);
    --beam-accent-alpha-a2: var(--beam-lime-alpha-a2);
    --beam-accent-alpha-a3: var(--beam-lime-alpha-a3);
    --beam-accent-alpha-a4: var(--beam-lime-alpha-a4);
    --beam-accent-alpha-a5: var(--beam-lime-alpha-a5);
    --beam-accent-alpha-a6: var(--beam-lime-alpha-a6);
    --beam-accent-alpha-a7: var(--beam-lime-alpha-a7);
    --beam-accent-alpha-a8: var(--beam-lime-alpha-a8);
    --beam-accent-alpha-a9: var(--beam-lime-alpha-a9);
    --beam-accent-alpha-a10: var(--beam-lime-alpha-a10);
    --beam-accent-alpha-a11: var(--beam-lime-alpha-a11);
    --beam-accent-alpha-a12: var(--beam-lime-alpha-a12);
    --beam-accent-dark-1: var(--beam-lime-dark-1);
    --beam-accent-dark-2: var(--beam-lime-dark-2);
    --beam-accent-dark-3: var(--beam-lime-dark-3);
    --beam-accent-dark-4: var(--beam-lime-dark-4);
    --beam-accent-dark-5: var(--beam-lime-dark-5);
    --beam-accent-dark-6: var(--beam-lime-dark-6);
    --beam-accent-dark-7: var(--beam-lime-dark-7);
    --beam-accent-dark-8: var(--beam-lime-dark-8);
    --beam-accent-dark-9: var(--beam-lime-dark-9);
    --beam-accent-dark-10: var(--beam-lime-dark-10);
    --beam-accent-dark-11: var(--beam-lime-dark-11);
    --beam-accent-dark-12: var(--beam-lime-dark-12);
    --beam-accent-dark-alpha-a1: var(--beam-lime-dark-alpha-a1);
    --beam-accent-dark-alpha-a2: var(--beam-lime-dark-alpha-a2);
    --beam-accent-dark-alpha-a3: var(--beam-lime-dark-alpha-a3);
    --beam-accent-dark-alpha-a4: var(--beam-lime-dark-alpha-a4);
    --beam-accent-dark-alpha-a5: var(--beam-lime-dark-alpha-a5);
    --beam-accent-dark-alpha-a6: var(--beam-lime-dark-alpha-a6);
    --beam-accent-dark-alpha-a7: var(--beam-lime-dark-alpha-a7);
    --beam-accent-dark-alpha-a8: var(--beam-lime-dark-alpha-a8);
    --beam-accent-dark-alpha-a9: var(--beam-lime-dark-alpha-a9);
    --beam-accent-dark-alpha-a10: var(--beam-lime-dark-alpha-a10);
    --beam-accent-dark-alpha-a11: var(--beam-lime-dark-alpha-a11);
    --beam-accent-dark-alpha-a12: var(--beam-lime-dark-alpha-a12);
    --beam-accent-contrast: #1d211c;
    --beam-accent-text: var(--beam-lime-12);
  }
  [data-accent="mint"] {
    --beam-accent-1: var(--beam-mint-1);
    --beam-accent-2: var(--beam-mint-2);
    --beam-accent-3: var(--beam-mint-3);
    --beam-accent-4: var(--beam-mint-4);
    --beam-accent-5: var(--beam-mint-5);
    --beam-accent-6: var(--beam-mint-6);
    --beam-accent-7: var(--beam-mint-7);
    --beam-accent-8: var(--beam-mint-8);
    --beam-accent-9: var(--beam-mint-9);
    --beam-accent-10: var(--beam-mint-10);
    --beam-accent-11: var(--beam-mint-11);
    --beam-accent-12: var(--beam-mint-12);
    --beam-accent-alpha-a1: var(--beam-mint-alpha-a1);
    --beam-accent-alpha-a2: var(--beam-mint-alpha-a2);
    --beam-accent-alpha-a3: var(--beam-mint-alpha-a3);
    --beam-accent-alpha-a4: var(--beam-mint-alpha-a4);
    --beam-accent-alpha-a5: var(--beam-mint-alpha-a5);
    --beam-accent-alpha-a6: var(--beam-mint-alpha-a6);
    --beam-accent-alpha-a7: var(--beam-mint-alpha-a7);
    --beam-accent-alpha-a8: var(--beam-mint-alpha-a8);
    --beam-accent-alpha-a9: var(--beam-mint-alpha-a9);
    --beam-accent-alpha-a10: var(--beam-mint-alpha-a10);
    --beam-accent-alpha-a11: var(--beam-mint-alpha-a11);
    --beam-accent-alpha-a12: var(--beam-mint-alpha-a12);
    --beam-accent-dark-1: var(--beam-mint-dark-1);
    --beam-accent-dark-2: var(--beam-mint-dark-2);
    --beam-accent-dark-3: var(--beam-mint-dark-3);
    --beam-accent-dark-4: var(--beam-mint-dark-4);
    --beam-accent-dark-5: var(--beam-mint-dark-5);
    --beam-accent-dark-6: var(--beam-mint-dark-6);
    --beam-accent-dark-7: var(--beam-mint-dark-7);
    --beam-accent-dark-8: var(--beam-mint-dark-8);
    --beam-accent-dark-9: var(--beam-mint-dark-9);
    --beam-accent-dark-10: var(--beam-mint-dark-10);
    --beam-accent-dark-11: var(--beam-mint-dark-11);
    --beam-accent-dark-12: var(--beam-mint-dark-12);
    --beam-accent-dark-alpha-a1: var(--beam-mint-dark-alpha-a1);
    --beam-accent-dark-alpha-a2: var(--beam-mint-dark-alpha-a2);
    --beam-accent-dark-alpha-a3: var(--beam-mint-dark-alpha-a3);
    --beam-accent-dark-alpha-a4: var(--beam-mint-dark-alpha-a4);
    --beam-accent-dark-alpha-a5: var(--beam-mint-dark-alpha-a5);
    --beam-accent-dark-alpha-a6: var(--beam-mint-dark-alpha-a6);
    --beam-accent-dark-alpha-a7: var(--beam-mint-dark-alpha-a7);
    --beam-accent-dark-alpha-a8: var(--beam-mint-dark-alpha-a8);
    --beam-accent-dark-alpha-a9: var(--beam-mint-dark-alpha-a9);
    --beam-accent-dark-alpha-a10: var(--beam-mint-dark-alpha-a10);
    --beam-accent-dark-alpha-a11: var(--beam-mint-dark-alpha-a11);
    --beam-accent-dark-alpha-a12: var(--beam-mint-dark-alpha-a12);
    --beam-accent-contrast: #1a211e;
    --beam-accent-text: var(--beam-mint-11);
  }
  [data-accent="orange"] {
    --beam-accent-1: var(--beam-orange-1);
    --beam-accent-2: var(--beam-orange-2);
    --beam-accent-3: var(--beam-orange-3);
    --beam-accent-4: var(--beam-orange-4);
    --beam-accent-5: var(--beam-orange-5);
    --beam-accent-6: var(--beam-orange-6);
    --beam-accent-7: var(--beam-orange-7);
    --beam-accent-8: var(--beam-orange-8);
    --beam-accent-9: var(--beam-orange-9);
    --beam-accent-10: var(--beam-orange-10);
    --beam-accent-11: var(--beam-orange-11);
    --beam-accent-12: var(--beam-orange-12);
    --beam-accent-alpha-a1: var(--beam-orange-alpha-a1);
    --beam-accent-alpha-a2: var(--beam-orange-alpha-a2);
    --beam-accent-alpha-a3: var(--beam-orange-alpha-a3);
    --beam-accent-alpha-a4: var(--beam-orange-alpha-a4);
    --beam-accent-alpha-a5: var(--beam-orange-alpha-a5);
    --beam-accent-alpha-a6: var(--beam-orange-alpha-a6);
    --beam-accent-alpha-a7: var(--beam-orange-alpha-a7);
    --beam-accent-alpha-a8: var(--beam-orange-alpha-a8);
    --beam-accent-alpha-a9: var(--beam-orange-alpha-a9);
    --beam-accent-alpha-a10: var(--beam-orange-alpha-a10);
    --beam-accent-alpha-a11: var(--beam-orange-alpha-a11);
    --beam-accent-alpha-a12: var(--beam-orange-alpha-a12);
    --beam-accent-dark-1: var(--beam-orange-dark-1);
    --beam-accent-dark-2: var(--beam-orange-dark-2);
    --beam-accent-dark-3: var(--beam-orange-dark-3);
    --beam-accent-dark-4: var(--beam-orange-dark-4);
    --beam-accent-dark-5: var(--beam-orange-dark-5);
    --beam-accent-dark-6: var(--beam-orange-dark-6);
    --beam-accent-dark-7: var(--beam-orange-dark-7);
    --beam-accent-dark-8: var(--beam-orange-dark-8);
    --beam-accent-dark-9: var(--beam-orange-dark-9);
    --beam-accent-dark-10: var(--beam-orange-dark-10);
    --beam-accent-dark-11: var(--beam-orange-dark-11);
    --beam-accent-dark-12: var(--beam-orange-dark-12);
    --beam-accent-dark-alpha-a1: var(--beam-orange-dark-alpha-a1);
    --beam-accent-dark-alpha-a2: var(--beam-orange-dark-alpha-a2);
    --beam-accent-dark-alpha-a3: var(--beam-orange-dark-alpha-a3);
    --beam-accent-dark-alpha-a4: var(--beam-orange-dark-alpha-a4);
    --beam-accent-dark-alpha-a5: var(--beam-orange-dark-alpha-a5);
    --beam-accent-dark-alpha-a6: var(--beam-orange-dark-alpha-a6);
    --beam-accent-dark-alpha-a7: var(--beam-orange-dark-alpha-a7);
    --beam-accent-dark-alpha-a8: var(--beam-orange-dark-alpha-a8);
    --beam-accent-dark-alpha-a9: var(--beam-orange-dark-alpha-a9);
    --beam-accent-dark-alpha-a10: var(--beam-orange-dark-alpha-a10);
    --beam-accent-dark-alpha-a11: var(--beam-orange-dark-alpha-a11);
    --beam-accent-dark-alpha-a12: var(--beam-orange-dark-alpha-a12);
    --beam-accent-contrast: #ffffff;
    --beam-accent-text: var(--beam-orange-12);
  }
  [data-accent="pink"] {
    --beam-accent-1: var(--beam-pink-1);
    --beam-accent-2: var(--beam-pink-2);
    --beam-accent-3: var(--beam-pink-3);
    --beam-accent-4: var(--beam-pink-4);
    --beam-accent-5: var(--beam-pink-5);
    --beam-accent-6: var(--beam-pink-6);
    --beam-accent-7: var(--beam-pink-7);
    --beam-accent-8: var(--beam-pink-8);
    --beam-accent-9: var(--beam-pink-9);
    --beam-accent-10: var(--beam-pink-10);
    --beam-accent-11: var(--beam-pink-11);
    --beam-accent-12: var(--beam-pink-12);
    --beam-accent-alpha-a1: var(--beam-pink-alpha-a1);
    --beam-accent-alpha-a2: var(--beam-pink-alpha-a2);
    --beam-accent-alpha-a3: var(--beam-pink-alpha-a3);
    --beam-accent-alpha-a4: var(--beam-pink-alpha-a4);
    --beam-accent-alpha-a5: var(--beam-pink-alpha-a5);
    --beam-accent-alpha-a6: var(--beam-pink-alpha-a6);
    --beam-accent-alpha-a7: var(--beam-pink-alpha-a7);
    --beam-accent-alpha-a8: var(--beam-pink-alpha-a8);
    --beam-accent-alpha-a9: var(--beam-pink-alpha-a9);
    --beam-accent-alpha-a10: var(--beam-pink-alpha-a10);
    --beam-accent-alpha-a11: var(--beam-pink-alpha-a11);
    --beam-accent-alpha-a12: var(--beam-pink-alpha-a12);
    --beam-accent-dark-1: var(--beam-pink-dark-1);
    --beam-accent-dark-2: var(--beam-pink-dark-2);
    --beam-accent-dark-3: var(--beam-pink-dark-3);
    --beam-accent-dark-4: var(--beam-pink-dark-4);
    --beam-accent-dark-5: var(--beam-pink-dark-5);
    --beam-accent-dark-6: var(--beam-pink-dark-6);
    --beam-accent-dark-7: var(--beam-pink-dark-7);
    --beam-accent-dark-8: var(--beam-pink-dark-8);
    --beam-accent-dark-9: var(--beam-pink-dark-9);
    --beam-accent-dark-10: var(--beam-pink-dark-10);
    --beam-accent-dark-11: var(--beam-pink-dark-11);
    --beam-accent-dark-12: var(--beam-pink-dark-12);
    --beam-accent-dark-alpha-a1: var(--beam-pink-dark-alpha-a1);
    --beam-accent-dark-alpha-a2: var(--beam-pink-dark-alpha-a2);
    --beam-accent-dark-alpha-a3: var(--beam-pink-dark-alpha-a3);
    --beam-accent-dark-alpha-a4: var(--beam-pink-dark-alpha-a4);
    --beam-accent-dark-alpha-a5: var(--beam-pink-dark-alpha-a5);
    --beam-accent-dark-alpha-a6: var(--beam-pink-dark-alpha-a6);
    --beam-accent-dark-alpha-a7: var(--beam-pink-dark-alpha-a7);
    --beam-accent-dark-alpha-a8: var(--beam-pink-dark-alpha-a8);
    --beam-accent-dark-alpha-a9: var(--beam-pink-dark-alpha-a9);
    --beam-accent-dark-alpha-a10: var(--beam-pink-dark-alpha-a10);
    --beam-accent-dark-alpha-a11: var(--beam-pink-dark-alpha-a11);
    --beam-accent-dark-alpha-a12: var(--beam-pink-dark-alpha-a12);
    --beam-accent-contrast: #ffffff;
    --beam-accent-text: var(--beam-pink-12);
  }
  [data-accent="plum"] {
    --beam-accent-1: var(--beam-plum-1);
    --beam-accent-2: var(--beam-plum-2);
    --beam-accent-3: var(--beam-plum-3);
    --beam-accent-4: var(--beam-plum-4);
    --beam-accent-5: var(--beam-plum-5);
    --beam-accent-6: var(--beam-plum-6);
    --beam-accent-7: var(--beam-plum-7);
    --beam-accent-8: var(--beam-plum-8);
    --beam-accent-9: var(--beam-plum-9);
    --beam-accent-10: var(--beam-plum-10);
    --beam-accent-11: var(--beam-plum-11);
    --beam-accent-12: var(--beam-plum-12);
    --beam-accent-alpha-a1: var(--beam-plum-alpha-a1);
    --beam-accent-alpha-a2: var(--beam-plum-alpha-a2);
    --beam-accent-alpha-a3: var(--beam-plum-alpha-a3);
    --beam-accent-alpha-a4: var(--beam-plum-alpha-a4);
    --beam-accent-alpha-a5: var(--beam-plum-alpha-a5);
    --beam-accent-alpha-a6: var(--beam-plum-alpha-a6);
    --beam-accent-alpha-a7: var(--beam-plum-alpha-a7);
    --beam-accent-alpha-a8: var(--beam-plum-alpha-a8);
    --beam-accent-alpha-a9: var(--beam-plum-alpha-a9);
    --beam-accent-alpha-a10: var(--beam-plum-alpha-a10);
    --beam-accent-alpha-a11: var(--beam-plum-alpha-a11);
    --beam-accent-alpha-a12: var(--beam-plum-alpha-a12);
    --beam-accent-dark-1: var(--beam-plum-dark-1);
    --beam-accent-dark-2: var(--beam-plum-dark-2);
    --beam-accent-dark-3: var(--beam-plum-dark-3);
    --beam-accent-dark-4: var(--beam-plum-dark-4);
    --beam-accent-dark-5: var(--beam-plum-dark-5);
    --beam-accent-dark-6: var(--beam-plum-dark-6);
    --beam-accent-dark-7: var(--beam-plum-dark-7);
    --beam-accent-dark-8: var(--beam-plum-dark-8);
    --beam-accent-dark-9: var(--beam-plum-dark-9);
    --beam-accent-dark-10: var(--beam-plum-dark-10);
    --beam-accent-dark-11: var(--beam-plum-dark-11);
    --beam-accent-dark-12: var(--beam-plum-dark-12);
    --beam-accent-dark-alpha-a1: var(--beam-plum-dark-alpha-a1);
    --beam-accent-dark-alpha-a2: var(--beam-plum-dark-alpha-a2);
    --beam-accent-dark-alpha-a3: var(--beam-plum-dark-alpha-a3);
    --beam-accent-dark-alpha-a4: var(--beam-plum-dark-alpha-a4);
    --beam-accent-dark-alpha-a5: var(--beam-plum-dark-alpha-a5);
    --beam-accent-dark-alpha-a6: var(--beam-plum-dark-alpha-a6);
    --beam-accent-dark-alpha-a7: var(--beam-plum-dark-alpha-a7);
    --beam-accent-dark-alpha-a8: var(--beam-plum-dark-alpha-a8);
    --beam-accent-dark-alpha-a9: var(--beam-plum-dark-alpha-a9);
    --beam-accent-dark-alpha-a10: var(--beam-plum-dark-alpha-a10);
    --beam-accent-dark-alpha-a11: var(--beam-plum-dark-alpha-a11);
    --beam-accent-dark-alpha-a12: var(--beam-plum-dark-alpha-a12);
    --beam-accent-contrast: #ffffff;
    --beam-accent-text: var(--beam-plum-11);
  }
  [data-accent="purple"] {
    --beam-accent-1: var(--beam-purple-1);
    --beam-accent-2: var(--beam-purple-2);
    --beam-accent-3: var(--beam-purple-3);
    --beam-accent-4: var(--beam-purple-4);
    --beam-accent-5: var(--beam-purple-5);
    --beam-accent-6: var(--beam-purple-6);
    --beam-accent-7: var(--beam-purple-7);
    --beam-accent-8: var(--beam-purple-8);
    --beam-accent-9: var(--beam-purple-9);
    --beam-accent-10: var(--beam-purple-10);
    --beam-accent-11: var(--beam-purple-11);
    --beam-accent-12: var(--beam-purple-12);
    --beam-accent-alpha-a1: var(--beam-purple-alpha-a1);
    --beam-accent-alpha-a2: var(--beam-purple-alpha-a2);
    --beam-accent-alpha-a3: var(--beam-purple-alpha-a3);
    --beam-accent-alpha-a4: var(--beam-purple-alpha-a4);
    --beam-accent-alpha-a5: var(--beam-purple-alpha-a5);
    --beam-accent-alpha-a6: var(--beam-purple-alpha-a6);
    --beam-accent-alpha-a7: var(--beam-purple-alpha-a7);
    --beam-accent-alpha-a8: var(--beam-purple-alpha-a8);
    --beam-accent-alpha-a9: var(--beam-purple-alpha-a9);
    --beam-accent-alpha-a10: var(--beam-purple-alpha-a10);
    --beam-accent-alpha-a11: var(--beam-purple-alpha-a11);
    --beam-accent-alpha-a12: var(--beam-purple-alpha-a12);
    --beam-accent-dark-1: var(--beam-purple-dark-1);
    --beam-accent-dark-2: var(--beam-purple-dark-2);
    --beam-accent-dark-3: var(--beam-purple-dark-3);
    --beam-accent-dark-4: var(--beam-purple-dark-4);
    --beam-accent-dark-5: var(--beam-purple-dark-5);
    --beam-accent-dark-6: var(--beam-purple-dark-6);
    --beam-accent-dark-7: var(--beam-purple-dark-7);
    --beam-accent-dark-8: var(--beam-purple-dark-8);
    --beam-accent-dark-9: var(--beam-purple-dark-9);
    --beam-accent-dark-10: var(--beam-purple-dark-10);
    --beam-accent-dark-11: var(--beam-purple-dark-11);
    --beam-accent-dark-12: var(--beam-purple-dark-12);
    --beam-accent-dark-alpha-a1: var(--beam-purple-dark-alpha-a1);
    --beam-accent-dark-alpha-a2: var(--beam-purple-dark-alpha-a2);
    --beam-accent-dark-alpha-a3: var(--beam-purple-dark-alpha-a3);
    --beam-accent-dark-alpha-a4: var(--beam-purple-dark-alpha-a4);
    --beam-accent-dark-alpha-a5: var(--beam-purple-dark-alpha-a5);
    --beam-accent-dark-alpha-a6: var(--beam-purple-dark-alpha-a6);
    --beam-accent-dark-alpha-a7: var(--beam-purple-dark-alpha-a7);
    --beam-accent-dark-alpha-a8: var(--beam-purple-dark-alpha-a8);
    --beam-accent-dark-alpha-a9: var(--beam-purple-dark-alpha-a9);
    --beam-accent-dark-alpha-a10: var(--beam-purple-dark-alpha-a10);
    --beam-accent-dark-alpha-a11: var(--beam-purple-dark-alpha-a11);
    --beam-accent-dark-alpha-a12: var(--beam-purple-dark-alpha-a12);
    --beam-accent-contrast: #ffffff;
    --beam-accent-text: var(--beam-purple-11);
  }
  [data-accent="red"] {
    --beam-accent-1: var(--beam-red-1);
    --beam-accent-2: var(--beam-red-2);
    --beam-accent-3: var(--beam-red-3);
    --beam-accent-4: var(--beam-red-4);
    --beam-accent-5: var(--beam-red-5);
    --beam-accent-6: var(--beam-red-6);
    --beam-accent-7: var(--beam-red-7);
    --beam-accent-8: var(--beam-red-8);
    --beam-accent-9: var(--beam-red-9);
    --beam-accent-10: var(--beam-red-10);
    --beam-accent-11: var(--beam-red-11);
    --beam-accent-12: var(--beam-red-12);
    --beam-accent-alpha-a1: var(--beam-red-alpha-a1);
    --beam-accent-alpha-a2: var(--beam-red-alpha-a2);
    --beam-accent-alpha-a3: var(--beam-red-alpha-a3);
    --beam-accent-alpha-a4: var(--beam-red-alpha-a4);
    --beam-accent-alpha-a5: var(--beam-red-alpha-a5);
    --beam-accent-alpha-a6: var(--beam-red-alpha-a6);
    --beam-accent-alpha-a7: var(--beam-red-alpha-a7);
    --beam-accent-alpha-a8: var(--beam-red-alpha-a8);
    --beam-accent-alpha-a9: var(--beam-red-alpha-a9);
    --beam-accent-alpha-a10: var(--beam-red-alpha-a10);
    --beam-accent-alpha-a11: var(--beam-red-alpha-a11);
    --beam-accent-alpha-a12: var(--beam-red-alpha-a12);
    --beam-accent-dark-1: var(--beam-red-dark-1);
    --beam-accent-dark-2: var(--beam-red-dark-2);
    --beam-accent-dark-3: var(--beam-red-dark-3);
    --beam-accent-dark-4: var(--beam-red-dark-4);
    --beam-accent-dark-5: var(--beam-red-dark-5);
    --beam-accent-dark-6: var(--beam-red-dark-6);
    --beam-accent-dark-7: var(--beam-red-dark-7);
    --beam-accent-dark-8: var(--beam-red-dark-8);
    --beam-accent-dark-9: var(--beam-red-dark-9);
    --beam-accent-dark-10: var(--beam-red-dark-10);
    --beam-accent-dark-11: var(--beam-red-dark-11);
    --beam-accent-dark-12: var(--beam-red-dark-12);
    --beam-accent-dark-alpha-a1: var(--beam-red-dark-alpha-a1);
    --beam-accent-dark-alpha-a2: var(--beam-red-dark-alpha-a2);
    --beam-accent-dark-alpha-a3: var(--beam-red-dark-alpha-a3);
    --beam-accent-dark-alpha-a4: var(--beam-red-dark-alpha-a4);
    --beam-accent-dark-alpha-a5: var(--beam-red-dark-alpha-a5);
    --beam-accent-dark-alpha-a6: var(--beam-red-dark-alpha-a6);
    --beam-accent-dark-alpha-a7: var(--beam-red-dark-alpha-a7);
    --beam-accent-dark-alpha-a8: var(--beam-red-dark-alpha-a8);
    --beam-accent-dark-alpha-a9: var(--beam-red-dark-alpha-a9);
    --beam-accent-dark-alpha-a10: var(--beam-red-dark-alpha-a10);
    --beam-accent-dark-alpha-a11: var(--beam-red-dark-alpha-a11);
    --beam-accent-dark-alpha-a12: var(--beam-red-dark-alpha-a12);
    --beam-accent-contrast: #ffffff;
    --beam-accent-text: var(--beam-red-12);
  }
  [data-accent="ruby"] {
    --beam-accent-1: var(--beam-ruby-1);
    --beam-accent-2: var(--beam-ruby-2);
    --beam-accent-3: var(--beam-ruby-3);
    --beam-accent-4: var(--beam-ruby-4);
    --beam-accent-5: var(--beam-ruby-5);
    --beam-accent-6: var(--beam-ruby-6);
    --beam-accent-7: var(--beam-ruby-7);
    --beam-accent-8: var(--beam-ruby-8);
    --beam-accent-9: var(--beam-ruby-9);
    --beam-accent-10: var(--beam-ruby-10);
    --beam-accent-11: var(--beam-ruby-11);
    --beam-accent-12: var(--beam-ruby-12);
    --beam-accent-alpha-a1: var(--beam-ruby-alpha-a1);
    --beam-accent-alpha-a2: var(--beam-ruby-alpha-a2);
    --beam-accent-alpha-a3: var(--beam-ruby-alpha-a3);
    --beam-accent-alpha-a4: var(--beam-ruby-alpha-a4);
    --beam-accent-alpha-a5: var(--beam-ruby-alpha-a5);
    --beam-accent-alpha-a6: var(--beam-ruby-alpha-a6);
    --beam-accent-alpha-a7: var(--beam-ruby-alpha-a7);
    --beam-accent-alpha-a8: var(--beam-ruby-alpha-a8);
    --beam-accent-alpha-a9: var(--beam-ruby-alpha-a9);
    --beam-accent-alpha-a10: var(--beam-ruby-alpha-a10);
    --beam-accent-alpha-a11: var(--beam-ruby-alpha-a11);
    --beam-accent-alpha-a12: var(--beam-ruby-alpha-a12);
    --beam-accent-dark-1: var(--beam-ruby-dark-1);
    --beam-accent-dark-2: var(--beam-ruby-dark-2);
    --beam-accent-dark-3: var(--beam-ruby-dark-3);
    --beam-accent-dark-4: var(--beam-ruby-dark-4);
    --beam-accent-dark-5: var(--beam-ruby-dark-5);
    --beam-accent-dark-6: var(--beam-ruby-dark-6);
    --beam-accent-dark-7: var(--beam-ruby-dark-7);
    --beam-accent-dark-8: var(--beam-ruby-dark-8);
    --beam-accent-dark-9: var(--beam-ruby-dark-9);
    --beam-accent-dark-10: var(--beam-ruby-dark-10);
    --beam-accent-dark-11: var(--beam-ruby-dark-11);
    --beam-accent-dark-12: var(--beam-ruby-dark-12);
    --beam-accent-dark-alpha-a1: var(--beam-ruby-dark-alpha-a1);
    --beam-accent-dark-alpha-a2: var(--beam-ruby-dark-alpha-a2);
    --beam-accent-dark-alpha-a3: var(--beam-ruby-dark-alpha-a3);
    --beam-accent-dark-alpha-a4: var(--beam-ruby-dark-alpha-a4);
    --beam-accent-dark-alpha-a5: var(--beam-ruby-dark-alpha-a5);
    --beam-accent-dark-alpha-a6: var(--beam-ruby-dark-alpha-a6);
    --beam-accent-dark-alpha-a7: var(--beam-ruby-dark-alpha-a7);
    --beam-accent-dark-alpha-a8: var(--beam-ruby-dark-alpha-a8);
    --beam-accent-dark-alpha-a9: var(--beam-ruby-dark-alpha-a9);
    --beam-accent-dark-alpha-a10: var(--beam-ruby-dark-alpha-a10);
    --beam-accent-dark-alpha-a11: var(--beam-ruby-dark-alpha-a11);
    --beam-accent-dark-alpha-a12: var(--beam-ruby-dark-alpha-a12);
    --beam-accent-contrast: #ffffff;
    --beam-accent-text: var(--beam-ruby-12);
  }
  [data-accent="sky"] {
    --beam-accent-1: var(--beam-sky-1);
    --beam-accent-2: var(--beam-sky-2);
    --beam-accent-3: var(--beam-sky-3);
    --beam-accent-4: var(--beam-sky-4);
    --beam-accent-5: var(--beam-sky-5);
    --beam-accent-6: var(--beam-sky-6);
    --beam-accent-7: var(--beam-sky-7);
    --beam-accent-8: var(--beam-sky-8);
    --beam-accent-9: var(--beam-sky-9);
    --beam-accent-10: var(--beam-sky-10);
    --beam-accent-11: var(--beam-sky-11);
    --beam-accent-12: var(--beam-sky-12);
    --beam-accent-alpha-a1: var(--beam-sky-alpha-a1);
    --beam-accent-alpha-a2: var(--beam-sky-alpha-a2);
    --beam-accent-alpha-a3: var(--beam-sky-alpha-a3);
    --beam-accent-alpha-a4: var(--beam-sky-alpha-a4);
    --beam-accent-alpha-a5: var(--beam-sky-alpha-a5);
    --beam-accent-alpha-a6: var(--beam-sky-alpha-a6);
    --beam-accent-alpha-a7: var(--beam-sky-alpha-a7);
    --beam-accent-alpha-a8: var(--beam-sky-alpha-a8);
    --beam-accent-alpha-a9: var(--beam-sky-alpha-a9);
    --beam-accent-alpha-a10: var(--beam-sky-alpha-a10);
    --beam-accent-alpha-a11: var(--beam-sky-alpha-a11);
    --beam-accent-alpha-a12: var(--beam-sky-alpha-a12);
    --beam-accent-dark-1: var(--beam-sky-dark-1);
    --beam-accent-dark-2: var(--beam-sky-dark-2);
    --beam-accent-dark-3: var(--beam-sky-dark-3);
    --beam-accent-dark-4: var(--beam-sky-dark-4);
    --beam-accent-dark-5: var(--beam-sky-dark-5);
    --beam-accent-dark-6: var(--beam-sky-dark-6);
    --beam-accent-dark-7: var(--beam-sky-dark-7);
    --beam-accent-dark-8: var(--beam-sky-dark-8);
    --beam-accent-dark-9: var(--beam-sky-dark-9);
    --beam-accent-dark-10: var(--beam-sky-dark-10);
    --beam-accent-dark-11: var(--beam-sky-dark-11);
    --beam-accent-dark-12: var(--beam-sky-dark-12);
    --beam-accent-dark-alpha-a1: var(--beam-sky-dark-alpha-a1);
    --beam-accent-dark-alpha-a2: var(--beam-sky-dark-alpha-a2);
    --beam-accent-dark-alpha-a3: var(--beam-sky-dark-alpha-a3);
    --beam-accent-dark-alpha-a4: var(--beam-sky-dark-alpha-a4);
    --beam-accent-dark-alpha-a5: var(--beam-sky-dark-alpha-a5);
    --beam-accent-dark-alpha-a6: var(--beam-sky-dark-alpha-a6);
    --beam-accent-dark-alpha-a7: var(--beam-sky-dark-alpha-a7);
    --beam-accent-dark-alpha-a8: var(--beam-sky-dark-alpha-a8);
    --beam-accent-dark-alpha-a9: var(--beam-sky-dark-alpha-a9);
    --beam-accent-dark-alpha-a10: var(--beam-sky-dark-alpha-a10);
    --beam-accent-dark-alpha-a11: var(--beam-sky-dark-alpha-a11);
    --beam-accent-dark-alpha-a12: var(--beam-sky-dark-alpha-a12);
    --beam-accent-contrast: #1c2024;
    --beam-accent-text: var(--beam-sky-12);
  }
  [data-accent="teal"] {
    --beam-accent-1: var(--beam-teal-1);
    --beam-accent-2: var(--beam-teal-2);
    --beam-accent-3: var(--beam-teal-3);
    --beam-accent-4: var(--beam-teal-4);
    --beam-accent-5: var(--beam-teal-5);
    --beam-accent-6: var(--beam-teal-6);
    --beam-accent-7: var(--beam-teal-7);
    --beam-accent-8: var(--beam-teal-8);
    --beam-accent-9: var(--beam-teal-9);
    --beam-accent-10: var(--beam-teal-10);
    --beam-accent-11: var(--beam-teal-11);
    --beam-accent-12: var(--beam-teal-12);
    --beam-accent-alpha-a1: var(--beam-teal-alpha-a1);
    --beam-accent-alpha-a2: var(--beam-teal-alpha-a2);
    --beam-accent-alpha-a3: var(--beam-teal-alpha-a3);
    --beam-accent-alpha-a4: var(--beam-teal-alpha-a4);
    --beam-accent-alpha-a5: var(--beam-teal-alpha-a5);
    --beam-accent-alpha-a6: var(--beam-teal-alpha-a6);
    --beam-accent-alpha-a7: var(--beam-teal-alpha-a7);
    --beam-accent-alpha-a8: var(--beam-teal-alpha-a8);
    --beam-accent-alpha-a9: var(--beam-teal-alpha-a9);
    --beam-accent-alpha-a10: var(--beam-teal-alpha-a10);
    --beam-accent-alpha-a11: var(--beam-teal-alpha-a11);
    --beam-accent-alpha-a12: var(--beam-teal-alpha-a12);
    --beam-accent-dark-1: var(--beam-teal-dark-1);
    --beam-accent-dark-2: var(--beam-teal-dark-2);
    --beam-accent-dark-3: var(--beam-teal-dark-3);
    --beam-accent-dark-4: var(--beam-teal-dark-4);
    --beam-accent-dark-5: var(--beam-teal-dark-5);
    --beam-accent-dark-6: var(--beam-teal-dark-6);
    --beam-accent-dark-7: var(--beam-teal-dark-7);
    --beam-accent-dark-8: var(--beam-teal-dark-8);
    --beam-accent-dark-9: var(--beam-teal-dark-9);
    --beam-accent-dark-10: var(--beam-teal-dark-10);
    --beam-accent-dark-11: var(--beam-teal-dark-11);
    --beam-accent-dark-12: var(--beam-teal-dark-12);
    --beam-accent-dark-alpha-a1: var(--beam-teal-dark-alpha-a1);
    --beam-accent-dark-alpha-a2: var(--beam-teal-dark-alpha-a2);
    --beam-accent-dark-alpha-a3: var(--beam-teal-dark-alpha-a3);
    --beam-accent-dark-alpha-a4: var(--beam-teal-dark-alpha-a4);
    --beam-accent-dark-alpha-a5: var(--beam-teal-dark-alpha-a5);
    --beam-accent-dark-alpha-a6: var(--beam-teal-dark-alpha-a6);
    --beam-accent-dark-alpha-a7: var(--beam-teal-dark-alpha-a7);
    --beam-accent-dark-alpha-a8: var(--beam-teal-dark-alpha-a8);
    --beam-accent-dark-alpha-a9: var(--beam-teal-dark-alpha-a9);
    --beam-accent-dark-alpha-a10: var(--beam-teal-dark-alpha-a10);
    --beam-accent-dark-alpha-a11: var(--beam-teal-dark-alpha-a11);
    --beam-accent-dark-alpha-a12: var(--beam-teal-dark-alpha-a12);
    --beam-accent-contrast: #ffffff;
    --beam-accent-text: var(--beam-teal-12);
  }
  [data-accent="tomato"] {
    --beam-accent-1: var(--beam-tomato-1);
    --beam-accent-2: var(--beam-tomato-2);
    --beam-accent-3: var(--beam-tomato-3);
    --beam-accent-4: var(--beam-tomato-4);
    --beam-accent-5: var(--beam-tomato-5);
    --beam-accent-6: var(--beam-tomato-6);
    --beam-accent-7: var(--beam-tomato-7);
    --beam-accent-8: var(--beam-tomato-8);
    --beam-accent-9: var(--beam-tomato-9);
    --beam-accent-10: var(--beam-tomato-10);
    --beam-accent-11: var(--beam-tomato-11);
    --beam-accent-12: var(--beam-tomato-12);
    --beam-accent-alpha-a1: var(--beam-tomato-alpha-a1);
    --beam-accent-alpha-a2: var(--beam-tomato-alpha-a2);
    --beam-accent-alpha-a3: var(--beam-tomato-alpha-a3);
    --beam-accent-alpha-a4: var(--beam-tomato-alpha-a4);
    --beam-accent-alpha-a5: var(--beam-tomato-alpha-a5);
    --beam-accent-alpha-a6: var(--beam-tomato-alpha-a6);
    --beam-accent-alpha-a7: var(--beam-tomato-alpha-a7);
    --beam-accent-alpha-a8: var(--beam-tomato-alpha-a8);
    --beam-accent-alpha-a9: var(--beam-tomato-alpha-a9);
    --beam-accent-alpha-a10: var(--beam-tomato-alpha-a10);
    --beam-accent-alpha-a11: var(--beam-tomato-alpha-a11);
    --beam-accent-alpha-a12: var(--beam-tomato-alpha-a12);
    --beam-accent-dark-1: var(--beam-tomato-dark-1);
    --beam-accent-dark-2: var(--beam-tomato-dark-2);
    --beam-accent-dark-3: var(--beam-tomato-dark-3);
    --beam-accent-dark-4: var(--beam-tomato-dark-4);
    --beam-accent-dark-5: var(--beam-tomato-dark-5);
    --beam-accent-dark-6: var(--beam-tomato-dark-6);
    --beam-accent-dark-7: var(--beam-tomato-dark-7);
    --beam-accent-dark-8: var(--beam-tomato-dark-8);
    --beam-accent-dark-9: var(--beam-tomato-dark-9);
    --beam-accent-dark-10: var(--beam-tomato-dark-10);
    --beam-accent-dark-11: var(--beam-tomato-dark-11);
    --beam-accent-dark-12: var(--beam-tomato-dark-12);
    --beam-accent-dark-alpha-a1: var(--beam-tomato-dark-alpha-a1);
    --beam-accent-dark-alpha-a2: var(--beam-tomato-dark-alpha-a2);
    --beam-accent-dark-alpha-a3: var(--beam-tomato-dark-alpha-a3);
    --beam-accent-dark-alpha-a4: var(--beam-tomato-dark-alpha-a4);
    --beam-accent-dark-alpha-a5: var(--beam-tomato-dark-alpha-a5);
    --beam-accent-dark-alpha-a6: var(--beam-tomato-dark-alpha-a6);
    --beam-accent-dark-alpha-a7: var(--beam-tomato-dark-alpha-a7);
    --beam-accent-dark-alpha-a8: var(--beam-tomato-dark-alpha-a8);
    --beam-accent-dark-alpha-a9: var(--beam-tomato-dark-alpha-a9);
    --beam-accent-dark-alpha-a10: var(--beam-tomato-dark-alpha-a10);
    --beam-accent-dark-alpha-a11: var(--beam-tomato-dark-alpha-a11);
    --beam-accent-dark-alpha-a12: var(--beam-tomato-dark-alpha-a12);
    --beam-accent-contrast: #ffffff;
    --beam-accent-text: var(--beam-tomato-12);
  }
  [data-accent="violet"] {
    --beam-accent-1: var(--beam-violet-1);
    --beam-accent-2: var(--beam-violet-2);
    --beam-accent-3: var(--beam-violet-3);
    --beam-accent-4: var(--beam-violet-4);
    --beam-accent-5: var(--beam-violet-5);
    --beam-accent-6: var(--beam-violet-6);
    --beam-accent-7: var(--beam-violet-7);
    --beam-accent-8: var(--beam-violet-8);
    --beam-accent-9: var(--beam-violet-9);
    --beam-accent-10: var(--beam-violet-10);
    --beam-accent-11: var(--beam-violet-11);
    --beam-accent-12: var(--beam-violet-12);
    --beam-accent-alpha-a1: var(--beam-violet-alpha-a1);
    --beam-accent-alpha-a2: var(--beam-violet-alpha-a2);
    --beam-accent-alpha-a3: var(--beam-violet-alpha-a3);
    --beam-accent-alpha-a4: var(--beam-violet-alpha-a4);
    --beam-accent-alpha-a5: var(--beam-violet-alpha-a5);
    --beam-accent-alpha-a6: var(--beam-violet-alpha-a6);
    --beam-accent-alpha-a7: var(--beam-violet-alpha-a7);
    --beam-accent-alpha-a8: var(--beam-violet-alpha-a8);
    --beam-accent-alpha-a9: var(--beam-violet-alpha-a9);
    --beam-accent-alpha-a10: var(--beam-violet-alpha-a10);
    --beam-accent-alpha-a11: var(--beam-violet-alpha-a11);
    --beam-accent-alpha-a12: var(--beam-violet-alpha-a12);
    --beam-accent-dark-1: var(--beam-violet-dark-1);
    --beam-accent-dark-2: var(--beam-violet-dark-2);
    --beam-accent-dark-3: var(--beam-violet-dark-3);
    --beam-accent-dark-4: var(--beam-violet-dark-4);
    --beam-accent-dark-5: var(--beam-violet-dark-5);
    --beam-accent-dark-6: var(--beam-violet-dark-6);
    --beam-accent-dark-7: var(--beam-violet-dark-7);
    --beam-accent-dark-8: var(--beam-violet-dark-8);
    --beam-accent-dark-9: var(--beam-violet-dark-9);
    --beam-accent-dark-10: var(--beam-violet-dark-10);
    --beam-accent-dark-11: var(--beam-violet-dark-11);
    --beam-accent-dark-12: var(--beam-violet-dark-12);
    --beam-accent-dark-alpha-a1: var(--beam-violet-dark-alpha-a1);
    --beam-accent-dark-alpha-a2: var(--beam-violet-dark-alpha-a2);
    --beam-accent-dark-alpha-a3: var(--beam-violet-dark-alpha-a3);
    --beam-accent-dark-alpha-a4: var(--beam-violet-dark-alpha-a4);
    --beam-accent-dark-alpha-a5: var(--beam-violet-dark-alpha-a5);
    --beam-accent-dark-alpha-a6: var(--beam-violet-dark-alpha-a6);
    --beam-accent-dark-alpha-a7: var(--beam-violet-dark-alpha-a7);
    --beam-accent-dark-alpha-a8: var(--beam-violet-dark-alpha-a8);
    --beam-accent-dark-alpha-a9: var(--beam-violet-dark-alpha-a9);
    --beam-accent-dark-alpha-a10: var(--beam-violet-dark-alpha-a10);
    --beam-accent-dark-alpha-a11: var(--beam-violet-dark-alpha-a11);
    --beam-accent-dark-alpha-a12: var(--beam-violet-dark-alpha-a12);
    --beam-accent-contrast: #ffffff;
    --beam-accent-text: var(--beam-violet-11);
  }
  [data-accent="yellow"] {
    --beam-accent-1: var(--beam-yellow-1);
    --beam-accent-2: var(--beam-yellow-2);
    --beam-accent-3: var(--beam-yellow-3);
    --beam-accent-4: var(--beam-yellow-4);
    --beam-accent-5: var(--beam-yellow-5);
    --beam-accent-6: var(--beam-yellow-6);
    --beam-accent-7: var(--beam-yellow-7);
    --beam-accent-8: var(--beam-yellow-8);
    --beam-accent-9: var(--beam-yellow-9);
    --beam-accent-10: var(--beam-yellow-10);
    --beam-accent-11: var(--beam-yellow-11);
    --beam-accent-12: var(--beam-yellow-12);
    --beam-accent-alpha-a1: var(--beam-yellow-alpha-a1);
    --beam-accent-alpha-a2: var(--beam-yellow-alpha-a2);
    --beam-accent-alpha-a3: var(--beam-yellow-alpha-a3);
    --beam-accent-alpha-a4: var(--beam-yellow-alpha-a4);
    --beam-accent-alpha-a5: var(--beam-yellow-alpha-a5);
    --beam-accent-alpha-a6: var(--beam-yellow-alpha-a6);
    --beam-accent-alpha-a7: var(--beam-yellow-alpha-a7);
    --beam-accent-alpha-a8: var(--beam-yellow-alpha-a8);
    --beam-accent-alpha-a9: var(--beam-yellow-alpha-a9);
    --beam-accent-alpha-a10: var(--beam-yellow-alpha-a10);
    --beam-accent-alpha-a11: var(--beam-yellow-alpha-a11);
    --beam-accent-alpha-a12: var(--beam-yellow-alpha-a12);
    --beam-accent-dark-1: var(--beam-yellow-dark-1);
    --beam-accent-dark-2: var(--beam-yellow-dark-2);
    --beam-accent-dark-3: var(--beam-yellow-dark-3);
    --beam-accent-dark-4: var(--beam-yellow-dark-4);
    --beam-accent-dark-5: var(--beam-yellow-dark-5);
    --beam-accent-dark-6: var(--beam-yellow-dark-6);
    --beam-accent-dark-7: var(--beam-yellow-dark-7);
    --beam-accent-dark-8: var(--beam-yellow-dark-8);
    --beam-accent-dark-9: var(--beam-yellow-dark-9);
    --beam-accent-dark-10: var(--beam-yellow-dark-10);
    --beam-accent-dark-11: var(--beam-yellow-dark-11);
    --beam-accent-dark-12: var(--beam-yellow-dark-12);
    --beam-accent-dark-alpha-a1: var(--beam-yellow-dark-alpha-a1);
    --beam-accent-dark-alpha-a2: var(--beam-yellow-dark-alpha-a2);
    --beam-accent-dark-alpha-a3: var(--beam-yellow-dark-alpha-a3);
    --beam-accent-dark-alpha-a4: var(--beam-yellow-dark-alpha-a4);
    --beam-accent-dark-alpha-a5: var(--beam-yellow-dark-alpha-a5);
    --beam-accent-dark-alpha-a6: var(--beam-yellow-dark-alpha-a6);
    --beam-accent-dark-alpha-a7: var(--beam-yellow-dark-alpha-a7);
    --beam-accent-dark-alpha-a8: var(--beam-yellow-dark-alpha-a8);
    --beam-accent-dark-alpha-a9: var(--beam-yellow-dark-alpha-a9);
    --beam-accent-dark-alpha-a10: var(--beam-yellow-dark-alpha-a10);
    --beam-accent-dark-alpha-a11: var(--beam-yellow-dark-alpha-a11);
    --beam-accent-dark-alpha-a12: var(--beam-yellow-dark-alpha-a12);
    --beam-accent-contrast: #21201c;
    --beam-accent-text: var(--beam-yellow-12);
  }

  /* ── 04. Status ─────────────────────── */
  :root {
    --beam-status-error-1: var(--beam-red-1);
    --beam-status-error-2: var(--beam-red-2);
    --beam-status-error-3: var(--beam-red-3);
    --beam-status-error-4: var(--beam-red-4);
    --beam-status-error-5: var(--beam-red-5);
    --beam-status-error-6: var(--beam-red-6);
    --beam-status-error-7: var(--beam-red-7);
    --beam-status-error-8: var(--beam-red-8);
    --beam-status-error-9: var(--beam-red-9);
    --beam-status-error-10: var(--beam-red-10);
    --beam-status-error-11: var(--beam-red-11);
    --beam-status-error-12: var(--beam-red-12);
    --beam-status-error-alpha-a1: var(--beam-red-alpha-a1);
    --beam-status-error-alpha-a2: var(--beam-red-alpha-a2);
    --beam-status-error-alpha-a3: var(--beam-red-alpha-a3);
    --beam-status-error-alpha-a4: var(--beam-red-alpha-a4);
    --beam-status-error-alpha-a5: var(--beam-red-alpha-a5);
    --beam-status-error-alpha-a6: var(--beam-red-alpha-a6);
    --beam-status-error-alpha-a7: var(--beam-red-alpha-a7);
    --beam-status-error-alpha-a8: var(--beam-red-alpha-a8);
    --beam-status-error-alpha-a9: var(--beam-red-alpha-a9);
    --beam-status-error-alpha-a10: var(--beam-red-alpha-a10);
    --beam-status-error-alpha-a11: var(--beam-red-alpha-a11);
    --beam-status-error-alpha-a12: var(--beam-red-alpha-a12);
    --beam-status-error-dark-1: var(--beam-red-dark-1);
    --beam-status-error-dark-2: var(--beam-red-dark-2);
    --beam-status-error-dark-3: var(--beam-red-dark-3);
    --beam-status-error-dark-4: var(--beam-red-dark-4);
    --beam-status-error-dark-5: var(--beam-red-dark-5);
    --beam-status-error-dark-6: var(--beam-red-dark-6);
    --beam-status-error-dark-7: var(--beam-red-dark-7);
    --beam-status-error-dark-8: var(--beam-red-dark-8);
    --beam-status-error-dark-9: var(--beam-red-dark-9);
    --beam-status-error-dark-10: var(--beam-red-dark-10);
    --beam-status-error-dark-11: var(--beam-red-dark-11);
    --beam-status-error-dark-12: var(--beam-red-dark-12);
    --beam-status-error-dark-alpha-a1: var(--beam-red-dark-alpha-a1);
    --beam-status-error-dark-alpha-a2: var(--beam-red-dark-alpha-a2);
    --beam-status-error-dark-alpha-a3: var(--beam-red-dark-alpha-a3);
    --beam-status-error-dark-alpha-a4: var(--beam-red-dark-alpha-a4);
    --beam-status-error-dark-alpha-a5: var(--beam-red-dark-alpha-a5);
    --beam-status-error-dark-alpha-a6: var(--beam-red-dark-alpha-a6);
    --beam-status-error-dark-alpha-a7: var(--beam-red-dark-alpha-a7);
    --beam-status-error-dark-alpha-a8: var(--beam-red-dark-alpha-a8);
    --beam-status-error-dark-alpha-a9: var(--beam-red-dark-alpha-a9);
    --beam-status-error-dark-alpha-a10: var(--beam-red-dark-alpha-a10);
    --beam-status-error-dark-alpha-a11: var(--beam-red-dark-alpha-a11);
    --beam-status-error-dark-alpha-a12: var(--beam-red-dark-alpha-a12);
    --beam-status-info-1: var(--beam-blue-1);
    --beam-status-info-2: var(--beam-blue-2);
    --beam-status-info-3: var(--beam-blue-3);
    --beam-status-info-4: var(--beam-blue-4);
    --beam-status-info-5: var(--beam-blue-5);
    --beam-status-info-6: var(--beam-blue-6);
    --beam-status-info-7: var(--beam-blue-7);
    --beam-status-info-8: var(--beam-blue-8);
    --beam-status-info-9: var(--beam-blue-9);
    --beam-status-info-10: var(--beam-blue-10);
    --beam-status-info-11: var(--beam-blue-11);
    --beam-status-info-12: var(--beam-blue-12);
    --beam-status-info-alpha-a1: var(--beam-blue-alpha-a1);
    --beam-status-info-alpha-a2: var(--beam-blue-alpha-a2);
    --beam-status-info-alpha-a3: var(--beam-blue-alpha-a3);
    --beam-status-info-alpha-a4: var(--beam-blue-alpha-a4);
    --beam-status-info-alpha-a5: var(--beam-blue-alpha-a5);
    --beam-status-info-alpha-a6: var(--beam-blue-alpha-a6);
    --beam-status-info-alpha-a7: var(--beam-blue-alpha-a7);
    --beam-status-info-alpha-a8: var(--beam-blue-alpha-a8);
    --beam-status-info-alpha-a9: var(--beam-blue-alpha-a9);
    --beam-status-info-alpha-a10: var(--beam-blue-alpha-a10);
    --beam-status-info-alpha-a11: var(--beam-blue-alpha-a11);
    --beam-status-info-alpha-a12: var(--beam-blue-alpha-a12);
    --beam-status-info-dark-1: var(--beam-blue-dark-1);
    --beam-status-info-dark-2: var(--beam-blue-dark-2);
    --beam-status-info-dark-3: var(--beam-blue-dark-3);
    --beam-status-info-dark-4: var(--beam-blue-dark-4);
    --beam-status-info-dark-5: var(--beam-blue-dark-5);
    --beam-status-info-dark-6: var(--beam-blue-dark-6);
    --beam-status-info-dark-7: var(--beam-blue-dark-7);
    --beam-status-info-dark-8: var(--beam-blue-dark-8);
    --beam-status-info-dark-9: var(--beam-blue-dark-9);
    --beam-status-info-dark-10: var(--beam-blue-dark-10);
    --beam-status-info-dark-11: var(--beam-blue-dark-11);
    --beam-status-info-dark-12: var(--beam-blue-dark-12);
    --beam-status-info-dark-alpha-a1: var(--beam-blue-dark-alpha-a1);
    --beam-status-info-dark-alpha-a2: var(--beam-blue-dark-alpha-a2);
    --beam-status-info-dark-alpha-a3: var(--beam-blue-dark-alpha-a3);
    --beam-status-info-dark-alpha-a4: var(--beam-blue-dark-alpha-a4);
    --beam-status-info-dark-alpha-a5: var(--beam-blue-dark-alpha-a5);
    --beam-status-info-dark-alpha-a6: var(--beam-blue-dark-alpha-a6);
    --beam-status-info-dark-alpha-a7: var(--beam-blue-dark-alpha-a7);
    --beam-status-info-dark-alpha-a8: var(--beam-blue-dark-alpha-a8);
    --beam-status-info-dark-alpha-a9: var(--beam-blue-dark-alpha-a9);
    --beam-status-info-dark-alpha-a10: var(--beam-blue-dark-alpha-a10);
    --beam-status-info-dark-alpha-a11: var(--beam-blue-dark-alpha-a11);
    --beam-status-info-dark-alpha-a12: var(--beam-blue-dark-alpha-a12);
    --beam-status-success-1: var(--beam-green-1);
    --beam-status-success-2: var(--beam-green-2);
    --beam-status-success-3: var(--beam-green-3);
    --beam-status-success-4: var(--beam-green-4);
    --beam-status-success-5: var(--beam-green-5);
    --beam-status-success-6: var(--beam-green-6);
    --beam-status-success-7: var(--beam-green-7);
    --beam-status-success-8: var(--beam-green-8);
    --beam-status-success-9: var(--beam-green-9);
    --beam-status-success-10: var(--beam-green-10);
    --beam-status-success-11: var(--beam-green-11);
    --beam-status-success-12: var(--beam-green-12);
    --beam-status-success-alpha-a1: var(--beam-green-alpha-a1);
    --beam-status-success-alpha-a2: var(--beam-green-alpha-a2);
    --beam-status-success-alpha-a3: var(--beam-green-alpha-a3);
    --beam-status-success-alpha-a4: var(--beam-green-alpha-a4);
    --beam-status-success-alpha-a5: var(--beam-green-alpha-a5);
    --beam-status-success-alpha-a6: var(--beam-green-alpha-a6);
    --beam-status-success-alpha-a7: var(--beam-green-alpha-a7);
    --beam-status-success-alpha-a8: var(--beam-green-alpha-a8);
    --beam-status-success-alpha-a9: var(--beam-green-alpha-a9);
    --beam-status-success-alpha-a10: var(--beam-green-alpha-a10);
    --beam-status-success-alpha-a11: var(--beam-green-alpha-a11);
    --beam-status-success-alpha-a12: var(--beam-green-alpha-a12);
    --beam-status-success-dark-1: var(--beam-green-dark-1);
    --beam-status-success-dark-2: var(--beam-green-dark-2);
    --beam-status-success-dark-3: var(--beam-green-dark-3);
    --beam-status-success-dark-4: var(--beam-green-dark-4);
    --beam-status-success-dark-5: var(--beam-green-dark-5);
    --beam-status-success-dark-6: var(--beam-green-dark-6);
    --beam-status-success-dark-7: var(--beam-green-dark-7);
    --beam-status-success-dark-8: var(--beam-green-dark-8);
    --beam-status-success-dark-9: var(--beam-green-dark-9);
    --beam-status-success-dark-10: var(--beam-green-dark-10);
    --beam-status-success-dark-11: var(--beam-green-dark-11);
    --beam-status-success-dark-12: var(--beam-green-dark-12);
    --beam-status-success-dark-alpha-a1: var(--beam-green-dark-alpha-a1);
    --beam-status-success-dark-alpha-a2: var(--beam-green-dark-alpha-a2);
    --beam-status-success-dark-alpha-a3: var(--beam-green-dark-alpha-a3);
    --beam-status-success-dark-alpha-a4: var(--beam-green-dark-alpha-a4);
    --beam-status-success-dark-alpha-a5: var(--beam-green-dark-alpha-a5);
    --beam-status-success-dark-alpha-a6: var(--beam-green-dark-alpha-a6);
    --beam-status-success-dark-alpha-a7: var(--beam-green-dark-alpha-a7);
    --beam-status-success-dark-alpha-a8: var(--beam-green-dark-alpha-a8);
    --beam-status-success-dark-alpha-a9: var(--beam-green-dark-alpha-a9);
    --beam-status-success-dark-alpha-a10: var(--beam-green-dark-alpha-a10);
    --beam-status-success-dark-alpha-a11: var(--beam-green-dark-alpha-a11);
    --beam-status-success-dark-alpha-a12: var(--beam-green-dark-alpha-a12);
    --beam-status-warning-1: var(--beam-amber-1);
    --beam-status-warning-2: var(--beam-amber-2);
    --beam-status-warning-3: var(--beam-amber-3);
    --beam-status-warning-4: var(--beam-amber-4);
    --beam-status-warning-5: var(--beam-amber-5);
    --beam-status-warning-6: var(--beam-amber-6);
    --beam-status-warning-7: var(--beam-amber-7);
    --beam-status-warning-8: var(--beam-amber-8);
    --beam-status-warning-9: var(--beam-amber-9);
    --beam-status-warning-10: var(--beam-amber-10);
    --beam-status-warning-11: var(--beam-amber-11);
    --beam-status-warning-12: var(--beam-amber-12);
    --beam-status-warning-alpha-a1: var(--beam-amber-alpha-a1);
    --beam-status-warning-alpha-a2: var(--beam-amber-alpha-a2);
    --beam-status-warning-alpha-a3: var(--beam-amber-alpha-a3);
    --beam-status-warning-alpha-a4: var(--beam-amber-alpha-a4);
    --beam-status-warning-alpha-a5: var(--beam-amber-alpha-a5);
    --beam-status-warning-alpha-a6: var(--beam-amber-alpha-a6);
    --beam-status-warning-alpha-a7: var(--beam-amber-alpha-a7);
    --beam-status-warning-alpha-a8: var(--beam-amber-alpha-a8);
    --beam-status-warning-alpha-a9: var(--beam-amber-alpha-a9);
    --beam-status-warning-alpha-a10: var(--beam-amber-alpha-a10);
    --beam-status-warning-alpha-a11: var(--beam-amber-alpha-a11);
    --beam-status-warning-alpha-a12: var(--beam-amber-alpha-a12);
    --beam-status-warning-dark-1: var(--beam-amber-dark-1);
    --beam-status-warning-dark-2: var(--beam-amber-dark-2);
    --beam-status-warning-dark-3: var(--beam-amber-dark-3);
    --beam-status-warning-dark-4: var(--beam-amber-dark-4);
    --beam-status-warning-dark-5: var(--beam-amber-dark-5);
    --beam-status-warning-dark-6: var(--beam-amber-dark-6);
    --beam-status-warning-dark-7: var(--beam-amber-dark-7);
    --beam-status-warning-dark-8: var(--beam-amber-dark-8);
    --beam-status-warning-dark-9: var(--beam-amber-dark-9);
    --beam-status-warning-dark-10: var(--beam-amber-dark-10);
    --beam-status-warning-dark-11: var(--beam-amber-dark-11);
    --beam-status-warning-dark-12: var(--beam-amber-dark-12);
    --beam-status-warning-dark-alpha-a1: var(--beam-amber-dark-alpha-a1);
    --beam-status-warning-dark-alpha-a2: var(--beam-amber-dark-alpha-a2);
    --beam-status-warning-dark-alpha-a3: var(--beam-amber-dark-alpha-a3);
    --beam-status-warning-dark-alpha-a4: var(--beam-amber-dark-alpha-a4);
    --beam-status-warning-dark-alpha-a5: var(--beam-amber-dark-alpha-a5);
    --beam-status-warning-dark-alpha-a6: var(--beam-amber-dark-alpha-a6);
    --beam-status-warning-dark-alpha-a7: var(--beam-amber-dark-alpha-a7);
    --beam-status-warning-dark-alpha-a8: var(--beam-amber-dark-alpha-a8);
    --beam-status-warning-dark-alpha-a9: var(--beam-amber-dark-alpha-a9);
    --beam-status-warning-dark-alpha-a10: var(--beam-amber-dark-alpha-a10);
    --beam-status-warning-dark-alpha-a11: var(--beam-amber-dark-alpha-a11);
    --beam-status-warning-dark-alpha-a12: var(--beam-amber-dark-alpha-a12);
  }

  /* ── 06. Density ─────────────────────── */
  /* :root = Comfortable (from core kit "base") */
  :root {
    --beam-scale-base: 16;
    --beam-scale-ratio: 1.25;
    --beam-ms-0: 16px;
    --beam-ms--1: 13px;
    --beam-ms--2: 10px;
    --beam-ms--3: 8px;
    --beam-ms-1: 20px;
    --beam-ms-2: 25px;
    --beam-ms-3: 31px;
    --beam-ms-4: 39px;
    --beam-ms-5: 49px;
    --beam-ms-6: 61px;
    --beam-ms-7: 76px;
    --beam-ms-8: 95px;
    --beam-spacing-none: 0;
    --beam-spacing-xxs: 2px;
    --beam-spacing-xs: 4px;
    --beam-spacing-sm: 6px;
    --beam-spacing-md: 8px;
    --beam-spacing-lg: 12px;
    --beam-spacing-xl: 16px;
    --beam-spacing-2xl: 20px;
    --beam-spacing-3xl: 24px;
    --beam-spacing-4xl: 32px;
    --beam-spacing-5xl: 40px;
    --beam-spacing-6xl: 48px;
    --beam-spacing-7xl: 64px;
    --beam-spacing-8xl: 80px;
    --beam-spacing-9xl: 96px;
    --beam-spacing-10xl: 128px;
    --beam-spacing-11xl: 160px;
    --beam-container-padding: 24px;
    --beam-stack-xs: var(--beam-spacing-xs);
    --beam-stack-sm: var(--beam-spacing-md);
    --beam-stack-md: var(--beam-spacing-xl);
    --beam-stack-lg: var(--beam-spacing-3xl);
    --beam-stack-xl: var(--beam-spacing-4xl);
    --beam-stack-2xl: var(--beam-spacing-6xl);
    --beam-inline-xs: var(--beam-spacing-xxs);
    --beam-inline-sm: var(--beam-spacing-xs);
    --beam-inline-md: var(--beam-spacing-md);
    --beam-inline-lg: var(--beam-spacing-xl);
    --beam-gutter-sm: var(--beam-spacing-3xl);
    --beam-gutter-md: var(--beam-spacing-4xl);
    --beam-gutter-lg: var(--beam-spacing-6xl);
    --beam-inset-none: var(--beam-spacing-none);
    --beam-inset-xs: var(--beam-spacing-xs);
    --beam-inset-sm: var(--beam-spacing-md);
    --beam-inset-md: var(--beam-spacing-xl);
    --beam-inset-lg: var(--beam-spacing-3xl);
    --beam-inset-xl: var(--beam-spacing-4xl);
    --beam-region-xs: var(--beam-spacing-4xl);
    --beam-region-sm: var(--beam-spacing-6xl);
    --beam-region-md: var(--beam-spacing-7xl);
    --beam-region-lg: var(--beam-spacing-8xl);
    --beam-region-xl: var(--beam-spacing-9xl);
    --beam-threshold: var(--beam-width-xl);
  }
  [data-density="compact"] {
    --beam-scale-base: 14;
    --beam-scale-ratio: 1.2;
    --beam-ms-0: 14px;
    --beam-ms--1: 12px;
    --beam-ms--2: 10px;
    --beam-ms--3: 8px;
    --beam-ms-1: 17px;
    --beam-ms-2: 20px;
    --beam-ms-3: 24px;
    --beam-ms-4: 29px;
    --beam-ms-5: 35px;
    --beam-ms-6: 42px;
    --beam-ms-7: 50px;
    --beam-ms-8: 60px;
    --beam-spacing-none: 0;
    --beam-spacing-xxs: 1px;
    --beam-spacing-xs: 2px;
    --beam-spacing-sm: 4px;
    --beam-spacing-md: 6px;
    --beam-spacing-lg: 8px;
    --beam-spacing-xl: 12px;
    --beam-spacing-2xl: 16px;
    --beam-spacing-3xl: 20px;
    --beam-spacing-4xl: 24px;
    --beam-spacing-5xl: 32px;
    --beam-spacing-6xl: 40px;
    --beam-spacing-7xl: 48px;
    --beam-spacing-8xl: 64px;
    --beam-spacing-9xl: 80px;
    --beam-spacing-10xl: 96px;
    --beam-spacing-11xl: 128px;
    --beam-container-padding: 12px;
    --beam-stack-xs: var(--beam-spacing-xs);
    --beam-stack-sm: var(--beam-spacing-md);
    --beam-stack-md: var(--beam-spacing-xl);
    --beam-stack-lg: var(--beam-spacing-3xl);
    --beam-stack-xl: var(--beam-spacing-4xl);
    --beam-stack-2xl: var(--beam-spacing-6xl);
    --beam-inline-xs: var(--beam-spacing-xxs);
    --beam-inline-sm: var(--beam-spacing-xs);
    --beam-inline-md: var(--beam-spacing-md);
    --beam-inline-lg: var(--beam-spacing-xl);
    --beam-gutter-sm: var(--beam-spacing-3xl);
    --beam-gutter-md: var(--beam-spacing-4xl);
    --beam-gutter-lg: var(--beam-spacing-6xl);
    --beam-inset-none: var(--beam-spacing-none);
    --beam-inset-xs: var(--beam-spacing-xs);
    --beam-inset-sm: var(--beam-spacing-md);
    --beam-inset-md: var(--beam-spacing-xl);
    --beam-inset-lg: var(--beam-spacing-3xl);
    --beam-inset-xl: var(--beam-spacing-4xl);
    --beam-region-xs: var(--beam-spacing-4xl);
    --beam-region-sm: var(--beam-spacing-6xl);
    --beam-region-md: var(--beam-spacing-7xl);
    --beam-region-lg: var(--beam-spacing-8xl);
    --beam-region-xl: var(--beam-spacing-9xl);
    --beam-threshold: var(--beam-width-sm);
  }
  [data-density="comfortable"] {
    --beam-scale-base: 16;
    --beam-scale-ratio: 1.25;
    --beam-ms-0: 16px;
    --beam-ms--1: 13px;
    --beam-ms--2: 10px;
    --beam-ms--3: 8px;
    --beam-ms-1: 20px;
    --beam-ms-2: 25px;
    --beam-ms-3: 31px;
    --beam-ms-4: 39px;
    --beam-ms-5: 49px;
    --beam-ms-6: 61px;
    --beam-ms-7: 76px;
    --beam-ms-8: 95px;
    --beam-spacing-none: 0;
    --beam-spacing-xxs: 2px;
    --beam-spacing-xs: 4px;
    --beam-spacing-sm: 6px;
    --beam-spacing-md: 8px;
    --beam-spacing-lg: 12px;
    --beam-spacing-xl: 16px;
    --beam-spacing-2xl: 20px;
    --beam-spacing-3xl: 24px;
    --beam-spacing-4xl: 32px;
    --beam-spacing-5xl: 40px;
    --beam-spacing-6xl: 48px;
    --beam-spacing-7xl: 64px;
    --beam-spacing-8xl: 80px;
    --beam-spacing-9xl: 96px;
    --beam-spacing-10xl: 128px;
    --beam-spacing-11xl: 160px;
    --beam-container-padding: 24px;
    --beam-stack-xs: var(--beam-spacing-xs);
    --beam-stack-sm: var(--beam-spacing-md);
    --beam-stack-md: var(--beam-spacing-xl);
    --beam-stack-lg: var(--beam-spacing-3xl);
    --beam-stack-xl: var(--beam-spacing-4xl);
    --beam-stack-2xl: var(--beam-spacing-6xl);
    --beam-inline-xs: var(--beam-spacing-xxs);
    --beam-inline-sm: var(--beam-spacing-xs);
    --beam-inline-md: var(--beam-spacing-md);
    --beam-inline-lg: var(--beam-spacing-xl);
    --beam-gutter-sm: var(--beam-spacing-3xl);
    --beam-gutter-md: var(--beam-spacing-4xl);
    --beam-gutter-lg: var(--beam-spacing-6xl);
    --beam-inset-none: var(--beam-spacing-none);
    --beam-inset-xs: var(--beam-spacing-xs);
    --beam-inset-sm: var(--beam-spacing-md);
    --beam-inset-md: var(--beam-spacing-xl);
    --beam-inset-lg: var(--beam-spacing-3xl);
    --beam-inset-xl: var(--beam-spacing-4xl);
    --beam-region-xs: var(--beam-spacing-4xl);
    --beam-region-sm: var(--beam-spacing-6xl);
    --beam-region-md: var(--beam-spacing-7xl);
    --beam-region-lg: var(--beam-spacing-8xl);
    --beam-region-xl: var(--beam-spacing-9xl);
    --beam-threshold: var(--beam-width-xl);
  }
  [data-density="spacious"] {
    --beam-scale-base: 18;
    --beam-scale-ratio: 1.333;
    --beam-ms-0: 18px;
    --beam-ms--1: 14px;
    --beam-ms--2: 10px;
    --beam-ms--3: 8px;
    --beam-ms-1: 24px;
    --beam-ms-2: 32px;
    --beam-ms-3: 43px;
    --beam-ms-4: 57px;
    --beam-ms-5: 76px;
    --beam-ms-6: 101px;
    --beam-ms-7: 135px;
    --beam-ms-8: 180px;
    --beam-spacing-none: 0;
    --beam-spacing-xxs: 4px;
    --beam-spacing-xs: 6px;
    --beam-spacing-sm: 8px;
    --beam-spacing-md: 12px;
    --beam-spacing-lg: 16px;
    --beam-spacing-xl: 20px;
    --beam-spacing-2xl: 24px;
    --beam-spacing-3xl: 32px;
    --beam-spacing-4xl: 40px;
    --beam-spacing-5xl: 48px;
    --beam-spacing-6xl: 64px;
    --beam-spacing-7xl: 80px;
    --beam-spacing-8xl: 96px;
    --beam-spacing-9xl: 128px;
    --beam-spacing-10xl: 160px;
    --beam-spacing-11xl: 192px;
    --beam-container-padding: 40px;
    --beam-stack-xs: var(--beam-spacing-xs);
    --beam-stack-sm: var(--beam-spacing-md);
    --beam-stack-md: var(--beam-spacing-xl);
    --beam-stack-lg: var(--beam-spacing-3xl);
    --beam-stack-xl: var(--beam-spacing-4xl);
    --beam-stack-2xl: var(--beam-spacing-6xl);
    --beam-inline-xs: var(--beam-spacing-xxs);
    --beam-inline-sm: var(--beam-spacing-xs);
    --beam-inline-md: var(--beam-spacing-md);
    --beam-inline-lg: var(--beam-spacing-xl);
    --beam-gutter-sm: var(--beam-spacing-3xl);
    --beam-gutter-md: var(--beam-spacing-4xl);
    --beam-gutter-lg: var(--beam-spacing-6xl);
    --beam-inset-none: var(--beam-spacing-none);
    --beam-inset-xs: var(--beam-spacing-xs);
    --beam-inset-sm: var(--beam-spacing-md);
    --beam-inset-md: var(--beam-spacing-xl);
    --beam-inset-lg: var(--beam-spacing-3xl);
    --beam-inset-xl: var(--beam-spacing-4xl);
    --beam-region-xs: var(--beam-spacing-4xl);
    --beam-region-sm: var(--beam-spacing-6xl);
    --beam-region-md: var(--beam-spacing-7xl);
    --beam-region-lg: var(--beam-spacing-8xl);
    --beam-region-xl: var(--beam-spacing-9xl);
    --beam-threshold: var(--beam-width-2xl);
  }

  /* ── 08. Typeface ─────────────────────── */
  /* :root = System (from core kit "base") */
  :root {
    --beam-font-family-primary: Inter, sans-serif;
    --beam-font-family-secondary: "Playfair Display", serif;
    --beam-font-family-mono: "Cascadia Code", monospace;
  }
  [data-typeface="rubik"] {
    --beam-font-family-primary: Rubik, sans-serif;
    --beam-font-family-secondary: "Playfair Display", serif;
    --beam-font-family-mono: "JetBrains Mono", monospace;
  }
  [data-typeface="montserrat"] {
    --beam-font-family-primary: Montserrat, sans-serif;
    --beam-font-family-secondary: "Playfair Display", serif;
    --beam-font-family-mono: "JetBrains Mono", monospace;
  }
  [data-typeface="inter"] {
    --beam-font-family-primary: Inter, sans-serif;
    --beam-font-family-secondary: "Playfair Display", serif;
    --beam-font-family-mono: "JetBrains Mono", monospace;
  }
  [data-typeface="geist"] {
    --beam-font-family-primary: Geist, sans-serif;
    --beam-font-family-secondary: "Playfair Display", serif;
    --beam-font-family-mono: "Fira Code", monospace;
  }
  [data-typeface="roboto"] {
    --beam-font-family-primary: Roboto, sans-serif;
    --beam-font-family-secondary: "Playfair Display", serif;
    --beam-font-family-mono: "Fira Code", monospace;
  }
  [data-typeface="system"] {
    --beam-font-family-primary: Inter, sans-serif;
    --beam-font-family-secondary: "Playfair Display", serif;
    --beam-font-family-mono: "Cascadia Code", monospace;
  }

  /* ── 09. Typography Roles ─────────────────────── */
  :root {
    --beam-type-display-2xl-size: var(--beam-ms-8);
    --beam-type-display-2xl-line-height: var(--beam-leading-none);
    --beam-type-display-2xl-weight: var(--beam-font-weight-bold);
    --beam-type-display-2xl-family: var(--beam-font-family-primary);
    --beam-type-display-2xl-tracking: var(--beam-tracking-tighter);
    --beam-type-display-xl-size: var(--beam-ms-7);
    --beam-type-display-xl-line-height: var(--beam-leading-none);
    --beam-type-display-xl-weight: var(--beam-font-weight-bold);
    --beam-type-display-xl-family: var(--beam-font-family-primary);
    --beam-type-display-xl-tracking: var(--beam-tracking-tighter);
    --beam-type-display-lg-size: var(--beam-ms-6);
    --beam-type-display-lg-line-height: var(--beam-leading-tight);
    --beam-type-display-lg-weight: var(--beam-font-weight-semibold);
    --beam-type-display-lg-family: var(--beam-font-family-primary);
    --beam-type-display-lg-tracking: var(--beam-tracking-tight);
    --beam-type-h1-size: var(--beam-ms-5);
    --beam-type-h1-line-height: var(--beam-leading-tight);
    --beam-type-h1-weight: var(--beam-font-weight-semibold);
    --beam-type-h1-family: var(--beam-font-family-primary);
    --beam-type-h1-tracking: var(--beam-tracking-tight);
    --beam-type-h2-size: var(--beam-ms-4);
    --beam-type-h2-line-height: var(--beam-leading-tight);
    --beam-type-h2-weight: var(--beam-font-weight-semibold);
    --beam-type-h2-family: var(--beam-font-family-primary);
    --beam-type-h2-tracking: var(--beam-tracking-tight);
    --beam-type-h3-size: var(--beam-ms-3);
    --beam-type-h3-line-height: var(--beam-leading-snug);
    --beam-type-h3-weight: var(--beam-font-weight-semibold);
    --beam-type-h3-family: var(--beam-font-family-primary);
    --beam-type-h3-tracking: var(--beam-tracking-normal);
    --beam-type-h4-size: var(--beam-ms-2);
    --beam-type-h4-line-height: var(--beam-leading-snug);
    --beam-type-h4-weight: var(--beam-font-weight-medium);
    --beam-type-h4-family: var(--beam-font-family-primary);
    --beam-type-h4-tracking: var(--beam-tracking-normal);
    --beam-type-h5-size: var(--beam-ms-1);
    --beam-type-h5-line-height: var(--beam-leading-snug);
    --beam-type-h5-weight: var(--beam-font-weight-medium);
    --beam-type-h5-family: var(--beam-font-family-primary);
    --beam-type-h5-tracking: var(--beam-tracking-normal);
    --beam-type-h6-size: var(--beam-ms-0);
    --beam-type-h6-line-height: var(--beam-leading-normal);
    --beam-type-h6-weight: var(--beam-font-weight-medium);
    --beam-type-h6-family: var(--beam-font-family-primary);
    --beam-type-h6-tracking: var(--beam-tracking-wide);
    --beam-type-body-lg-size: var(--beam-ms-1);
    --beam-type-body-lg-line-height: var(--beam-leading-relaxed);
    --beam-type-body-lg-weight: var(--beam-font-weight-regular);
    --beam-type-body-lg-family: var(--beam-font-family-primary);
    --beam-type-body-lg-tracking: var(--beam-tracking-normal);
    --beam-type-body-size: var(--beam-ms-0);
    --beam-type-body-line-height: var(--beam-leading-relaxed);
    --beam-type-body-weight: var(--beam-font-weight-regular);
    --beam-type-body-family: var(--beam-font-family-primary);
    --beam-type-body-tracking: var(--beam-tracking-normal);
    --beam-type-body-sm-size: var(--beam-ms--1);
    --beam-type-body-sm-line-height: var(--beam-leading-normal);
    --beam-type-body-sm-weight: var(--beam-font-weight-regular);
    --beam-type-body-sm-family: var(--beam-font-family-primary);
    --beam-type-body-sm-tracking: var(--beam-tracking-normal);
    --beam-type-caption-size: var(--beam-ms--2);
    --beam-type-caption-line-height: var(--beam-leading-normal);
    --beam-type-caption-weight: var(--beam-font-weight-regular);
    --beam-type-caption-family: var(--beam-font-family-primary);
    --beam-type-caption-tracking: var(--beam-tracking-wide);
    --beam-type-overline-size: var(--beam-ms--2);
    --beam-type-overline-line-height: var(--beam-leading-normal);
    --beam-type-overline-weight: var(--beam-font-weight-semibold);
    --beam-type-overline-family: var(--beam-font-family-primary);
    --beam-type-overline-tracking: var(--beam-tracking-widest);
    --beam-type-code-size: var(--beam-ms--1);
    --beam-type-code-line-height: var(--beam-leading-relaxed);
    --beam-type-code-weight: var(--beam-font-weight-regular);
    --beam-type-code-family: var(--beam-font-family-mono);
    --beam-type-code-tracking: var(--beam-tracking-normal);
    --beam-type-label-lg-size: var(--beam-ms-0);
    --beam-type-label-lg-line-height: var(--beam-leading-normal);
    --beam-type-label-lg-weight: var(--beam-font-weight-medium);
    --beam-type-label-lg-family: var(--beam-font-family-primary);
    --beam-type-label-lg-tracking: var(--beam-tracking-normal);
    --beam-type-label-size: var(--beam-ms--1);
    --beam-type-label-line-height: var(--beam-leading-normal);
    --beam-type-label-weight: var(--beam-font-weight-medium);
    --beam-type-label-family: var(--beam-font-family-primary);
    --beam-type-label-tracking: var(--beam-tracking-normal);
    --beam-type-label-sm-size: var(--beam-ms--2);
    --beam-type-label-sm-line-height: var(--beam-leading-normal);
    --beam-type-label-sm-weight: var(--beam-font-weight-medium);
    --beam-type-label-sm-family: var(--beam-font-family-primary);
    --beam-type-label-sm-tracking: var(--beam-tracking-wide);
  }

  /* ── 09. Typography Roles — font shorthands (weight size/line-height family) ─────────────────────── */
  :root {
    --beam-type-display-2xl: var(--beam-type-display-2xl-weight) var(--beam-type-display-2xl-size)/var(--beam-type-display-2xl-line-height) var(--beam-type-display-2xl-family);
    --beam-type-display-xl: var(--beam-type-display-xl-weight) var(--beam-type-display-xl-size)/var(--beam-type-display-xl-line-height) var(--beam-type-display-xl-family);
    --beam-type-display-lg: var(--beam-type-display-lg-weight) var(--beam-type-display-lg-size)/var(--beam-type-display-lg-line-height) var(--beam-type-display-lg-family);
    --beam-type-h1: var(--beam-type-h1-weight) var(--beam-type-h1-size)/var(--beam-type-h1-line-height) var(--beam-type-h1-family);
    --beam-type-h2: var(--beam-type-h2-weight) var(--beam-type-h2-size)/var(--beam-type-h2-line-height) var(--beam-type-h2-family);
    --beam-type-h3: var(--beam-type-h3-weight) var(--beam-type-h3-size)/var(--beam-type-h3-line-height) var(--beam-type-h3-family);
    --beam-type-h4: var(--beam-type-h4-weight) var(--beam-type-h4-size)/var(--beam-type-h4-line-height) var(--beam-type-h4-family);
    --beam-type-h5: var(--beam-type-h5-weight) var(--beam-type-h5-size)/var(--beam-type-h5-line-height) var(--beam-type-h5-family);
    --beam-type-h6: var(--beam-type-h6-weight) var(--beam-type-h6-size)/var(--beam-type-h6-line-height) var(--beam-type-h6-family);
    --beam-type-body-lg: var(--beam-type-body-lg-weight) var(--beam-type-body-lg-size)/var(--beam-type-body-lg-line-height) var(--beam-type-body-lg-family);
    --beam-type-body: var(--beam-type-body-weight) var(--beam-type-body-size)/var(--beam-type-body-line-height) var(--beam-type-body-family);
    --beam-type-body-sm: var(--beam-type-body-sm-weight) var(--beam-type-body-sm-size)/var(--beam-type-body-sm-line-height) var(--beam-type-body-sm-family);
    --beam-type-caption: var(--beam-type-caption-weight) var(--beam-type-caption-size)/var(--beam-type-caption-line-height) var(--beam-type-caption-family);
    --beam-type-overline: var(--beam-type-overline-weight) var(--beam-type-overline-size)/var(--beam-type-overline-line-height) var(--beam-type-overline-family);
    --beam-type-code: var(--beam-type-code-weight) var(--beam-type-code-size)/var(--beam-type-code-line-height) var(--beam-type-code-family);
    --beam-type-label-lg: var(--beam-type-label-lg-weight) var(--beam-type-label-lg-size)/var(--beam-type-label-lg-line-height) var(--beam-type-label-lg-family);
    --beam-type-label: var(--beam-type-label-weight) var(--beam-type-label-size)/var(--beam-type-label-line-height) var(--beam-type-label-family);
    --beam-type-label-sm: var(--beam-type-label-sm-weight) var(--beam-type-label-sm-size)/var(--beam-type-label-sm-line-height) var(--beam-type-label-sm-family);
  }

  /* ── 10. Shape ─────────────────────── */
  /* :root = Smooth (from core kit "base") */
  :root {
    --beam-radius-none: 0;
    --beam-radius-sharp: 4.5px;
    --beam-radius-crisp: 6px;
    --beam-radius-soft: 9px;
    --beam-radius-pill: 9999px;
    --beam-radius-rounded: 12px;
    --beam-radius-smooth: 18px;
    --beam-radius-plush: 24px;
    --beam-radius-outer-spacing: 20px;
    --beam-radius-outer-sharp: 24.5px;
    --beam-radius-outer-crisp: 26px;
    --beam-radius-outer-soft: 29px;
    --beam-radius-outer-rounded: 32px;
    --beam-radius-outer-smooth: 38px;
    --beam-radius-outer-plush: 44px;
  }
  [data-shape="sharp"] {
    --beam-radius-none: 0;
    --beam-radius-sharp: 0;
    --beam-radius-crisp: 0;
    --beam-radius-soft: 0;
    --beam-radius-pill: 0;
    --beam-radius-rounded: 0;
    --beam-radius-smooth: 0;
    --beam-radius-plush: 0;
    --beam-radius-outer-spacing: 20px;
    --beam-radius-outer-sharp: 0;
    --beam-radius-outer-crisp: 0;
    --beam-radius-outer-soft: 0;
    --beam-radius-outer-rounded: 0;
    --beam-radius-outer-smooth: 0;
    --beam-radius-outer-plush: 0;
  }
  [data-shape="subtle"] {
    --beam-radius-none: 0;
    --beam-radius-sharp: 1.5px;
    --beam-radius-crisp: 2px;
    --beam-radius-soft: 3px;
    --beam-radius-pill: 9999px;
    --beam-radius-rounded: 4px;
    --beam-radius-smooth: 6px;
    --beam-radius-plush: 8px;
    --beam-radius-outer-spacing: 20px;
    --beam-radius-outer-sharp: 21.5px;
    --beam-radius-outer-crisp: 22px;
    --beam-radius-outer-soft: 23px;
    --beam-radius-outer-rounded: 24px;
    --beam-radius-outer-smooth: 26px;
    --beam-radius-outer-plush: 28px;
  }
  [data-shape="smooth"] {
    --beam-radius-none: 0;
    --beam-radius-sharp: 4.5px;
    --beam-radius-crisp: 6px;
    --beam-radius-soft: 9px;
    --beam-radius-pill: 9999px;
    --beam-radius-rounded: 12px;
    --beam-radius-smooth: 18px;
    --beam-radius-plush: 24px;
    --beam-radius-outer-spacing: 20px;
    --beam-radius-outer-sharp: 24.5px;
    --beam-radius-outer-crisp: 26px;
    --beam-radius-outer-soft: 29px;
    --beam-radius-outer-rounded: 32px;
    --beam-radius-outer-smooth: 38px;
    --beam-radius-outer-plush: 44px;
  }
  [data-shape="round"] {
    --beam-radius-none: 0;
    --beam-radius-sharp: 6px;
    --beam-radius-crisp: 8px;
    --beam-radius-soft: 12px;
    --beam-radius-pill: 9999px;
    --beam-radius-rounded: 16px;
    --beam-radius-smooth: 24px;
    --beam-radius-plush: 32px;
    --beam-radius-outer-spacing: 20px;
    --beam-radius-outer-sharp: 26px;
    --beam-radius-outer-crisp: 28px;
    --beam-radius-outer-soft: 32px;
    --beam-radius-outer-rounded: 36px;
    --beam-radius-outer-smooth: 44px;
    --beam-radius-outer-plush: 52px;
  }
  [data-shape="pill"] {
    --beam-radius-none: 0;
    --beam-radius-sharp: 2px;
    --beam-radius-crisp: 4px;
    --beam-radius-soft: 9999px;
    --beam-radius-pill: 9999px;
    --beam-radius-rounded: 16px;
    --beam-radius-smooth: 24px;
    --beam-radius-plush: 32px;
    --beam-radius-outer-spacing: 20px;
    --beam-radius-outer-sharp: 26px;
    --beam-radius-outer-crisp: 28px;
    --beam-radius-outer-soft: 9999px;
    --beam-radius-outer-rounded: 36px;
    --beam-radius-outer-smooth: 44px;
    --beam-radius-outer-plush: 52px;
  }

  /* ── 12. Viewport — custom properties cannot drive @media; values documented here ─────────────────────── */
  :root {
    --beam-breakpoint-sm: 480px;
    --beam-breakpoint-md: 768px;
    --beam-breakpoint-lg: 1024px;
    --beam-breakpoint-xlg: 1280px;
  }

  /* ── 14. Motion ─────────────────────── */
  :root {
    --beam-duration-base: 200ms;
    --beam-duration-deliberate: 800ms;
    --beam-duration-fast-1: 100ms;
    --beam-duration-fast-2: 150ms;
    --beam-duration-instant: 0ms;
    --beam-duration-slow-1: 300ms;
    --beam-duration-slow-2: 500ms;
    --beam-ease-enter: cubic-bezier(0, 0, 0.2, 1);
    --beam-ease-exit: cubic-bezier(0.4, 0, 1, 1);
    --beam-ease-linear: linear;
    --beam-ease-spring: cubic-bezier(0.34, 1.56, 0.64, 1);
    --beam-ease-standard: cubic-bezier(0.2, 0, 0, 1);
    --beam-stagger-1: 20ms;
    --beam-stagger-2: 40ms;
    --beam-stagger-3: 80ms;
  }
  [data-motion="reduced"] {
    --beam-duration-base: 100ms;
    --beam-duration-deliberate: 100ms;
    --beam-duration-fast-1: 0ms;
    --beam-duration-fast-2: 0ms;
    --beam-duration-instant: 0ms;
    --beam-duration-slow-1: 100ms;
    --beam-duration-slow-2: 100ms;
    --beam-ease-enter: cubic-bezier(0, 0, 0.2, 1);
    --beam-ease-exit: cubic-bezier(0.4, 0, 1, 1);
    --beam-ease-linear: linear;
    --beam-ease-spring: cubic-bezier(0.34, 1.56, 0.64, 1);
    --beam-ease-standard: cubic-bezier(0.2, 0, 0, 1);
    --beam-stagger-1: 0ms;
    --beam-stagger-2: 0ms;
    --beam-stagger-3: 0ms;
  }
  @media (prefers-reduced-motion: reduce) {
    :root:not([data-motion="full"]) {
      --beam-duration-base: 100ms;
      --beam-duration-deliberate: 100ms;
      --beam-duration-fast-1: 0ms;
      --beam-duration-fast-2: 0ms;
      --beam-duration-instant: 0ms;
      --beam-duration-slow-1: 100ms;
      --beam-duration-slow-2: 100ms;
      --beam-ease-enter: cubic-bezier(0, 0, 0.2, 1);
      --beam-ease-exit: cubic-bezier(0.4, 0, 1, 1);
      --beam-ease-linear: linear;
      --beam-ease-spring: cubic-bezier(0.34, 1.56, 0.64, 1);
      --beam-ease-standard: cubic-bezier(0.2, 0, 0, 1);
      --beam-stagger-1: 0ms;
      --beam-stagger-2: 0ms;
      --beam-stagger-3: 0ms;
    }
  }

  /* ── 05. Appearance — semantic colour (text/fg/background/border/surface/effect/overlay/decorative/gradient) ─────────────────────── */
  /* :root = Light. Dark via [data-theme="dark"] or prefers-color-scheme */
  :root, [data-theme="light"] {
    --beam-text-white: #ffffff;
    --beam-text-brand-primary: var(--beam-text-brand);
    --beam-text-brand-secondary: var(--beam-accent-9);
    --beam-text-on-accent: var(--beam-accent-contrast);
    --beam-text-error: var(--beam-status-error-12);
    --beam-text-warning: var(--beam-status-warning-12);
    --beam-text-success: var(--beam-status-success-12);
    --beam-text-info: var(--beam-status-info-12);
    --beam-text-neutral-primary: var(--beam-neutral-12);
    --beam-text-neutral-secondary: var(--beam-neutral-11);
    --beam-text-neutral-tertiary: var(--beam-neutral-9);
    --beam-text-neutral-placeholder: var(--beam-neutral-9);
    --beam-text-neutral-placeholder_subtle: var(--beam-neutral-8);
    --beam-text-neutral-disabled: var(--beam-neutral-8);
    --beam-text-on-neutral-solid: var(--beam-neutral-1);
    --beam-text-brand: var(--beam-accent-text);
    --beam-fg-white: #ffffff;
    --beam-fg-brand-primary: var(--beam-fg-brand);
    --beam-fg-brand-secondary: var(--beam-accent-9);
    --beam-fg-on-accent: var(--beam-accent-contrast);
    --beam-fg-error-primary: var(--beam-status-error-11);
    --beam-fg-error-secondary: var(--beam-status-error-9);
    --beam-fg-warning-primary: var(--beam-status-warning-11);
    --beam-fg-warning-secondary: var(--beam-status-warning-9);
    --beam-fg-success-primary: var(--beam-status-success-11);
    --beam-fg-success-secondary: var(--beam-status-success-9);
    --beam-fg-info-primary: var(--beam-status-info-11);
    --beam-fg-info-secondary: var(--beam-status-info-9);
    --beam-fg-neutral-primary: var(--beam-neutral-12);
    --beam-fg-neutral-secondary: var(--beam-neutral-11);
    --beam-fg-neutral-tertiary: var(--beam-neutral-9);
    --beam-fg-neutral-quaternary: var(--beam-neutral-8);
    --beam-fg-neutral-disabled: var(--beam-neutral-8);
    --beam-fg-neutral-disabled_subtle: var(--beam-neutral-7);
    --beam-fg-on-neutral-solid: var(--beam-neutral-1);
    --beam-fg-brand: var(--beam-accent-11);
    --beam-background-overlay: var(--beam-overlay-scrim);
    --beam-background-surface: var(--beam-overlay-primary);
    --beam-background-panel: rgba(255, 255, 255, 0.651);
    --beam-background-brand-primary: var(--beam-background-brand-subtle);
    --beam-background-brand-secondary: var(--beam-background-brand-soft);
    --beam-background-brand-solid: var(--beam-accent-9);
    --beam-background-brand-solid_hover: var(--beam-accent-10);
    --beam-background-error-primary: var(--beam-status-error-3);
    --beam-background-error-secondary: var(--beam-status-error-4);
    --beam-background-error-solid: var(--beam-status-error-9);
    --beam-background-error-solid_hover: var(--beam-status-error-10);
    --beam-background-warning-primary: var(--beam-status-warning-3);
    --beam-background-warning-secondary: var(--beam-status-warning-4);
    --beam-background-warning-solid: var(--beam-status-warning-9);
    --beam-background-success-primary: var(--beam-status-success-3);
    --beam-background-success-secondary: var(--beam-status-success-4);
    --beam-background-success-solid: var(--beam-status-success-9);
    --beam-background-info-primary: var(--beam-status-info-3);
    --beam-background-info-secondary: var(--beam-status-info-4);
    --beam-background-info-solid: var(--beam-status-info-9);
    --beam-background-neutral-primary: var(--beam-neutral-1);
    --beam-background-neutral-primary_hover: var(--beam-neutral-2);
    --beam-background-neutral-primary-solid: var(--beam-neutral-12);
    --beam-background-neutral-secondary: var(--beam-neutral-2);
    --beam-background-neutral-secondary_hover: var(--beam-neutral-3);
    --beam-background-neutral-secondary-solid: var(--beam-neutral-11);
    --beam-background-neutral-tertiary: var(--beam-neutral-3);
    --beam-background-neutral-quaternary: var(--beam-neutral-4);
    --beam-background-neutral-active: var(--beam-neutral-3);
    --beam-background-neutral-disabled: var(--beam-neutral-3);
    --beam-background-neutral-disabled_subtle: var(--beam-neutral-2);
    --beam-background-brand-solid_active: var(--beam-accent-12);
    --beam-background-error-solid_active: var(--beam-status-error-11);
    --beam-background-info-solid_active: var(--beam-status-info-11);
    --beam-background-info-solid_hover: var(--beam-status-info-10);
    --beam-background-neutral-quaternary_hover: var(--beam-neutral-5);
    --beam-background-neutral-tertiary_hover: var(--beam-neutral-4);
    --beam-background-success-solid_active: var(--beam-status-success-11);
    --beam-background-success-solid_hover: var(--beam-status-success-10);
    --beam-background-warning-solid_active: var(--beam-status-warning-11);
    --beam-background-warning-solid_hover: var(--beam-status-warning-10);
    --beam-background-neutral-primary-solid_hover: var(--beam-neutral-11);
    --beam-background-neutral-primary-solid_active: var(--beam-neutral-10);
    --beam-background-brand-faint: var(--beam-accent-2);
    --beam-background-brand-subtle: var(--beam-accent-3);
    --beam-background-brand-soft: var(--beam-accent-4);
    --beam-border-brand: var(--beam-accent-8);
    --beam-border-brand_subtle: var(--beam-accent-6);
    --beam-border-focus-ring: var(--beam-accent-alpha-a5);
    --beam-border-error: var(--beam-status-error-8);
    --beam-border-error_subtle: var(--beam-status-error-6);
    --beam-border-warning: var(--beam-status-warning-8);
    --beam-border-success: var(--beam-status-success-8);
    --beam-border-info: var(--beam-status-info-8);
    --beam-border-neutral-primary: var(--beam-neutral-6);
    --beam-border-neutral-secondary: var(--beam-neutral-5);
    --beam-border-neutral-tertiary: var(--beam-neutral-4);
    --beam-border-neutral-disabled: var(--beam-neutral-5);
    --beam-border-neutral-disabled_subtle: var(--beam-neutral-4);
    --beam-border-neutral-separator: var(--beam-neutral-6);
    --beam-surface-default: var(--beam-surface-primary);
    --beam-surface-raised: var(--beam-surface-secondary);
    --beam-surface-overlay: var(--beam-overlay-primary);
    --beam-surface-sunken: var(--beam-neutral-alpha-a3);
    --beam-surface-primary: var(--beam-neutral-1);
    --beam-surface-secondary: var(--beam-neutral-2);
    --beam-surface-tertiary: var(--beam-neutral-3);
    --beam-effect-shadow-color: rgba(24, 24, 26, 0.051);
    --beam-effect-inner-shadow-color: rgba(252, 252, 253, 0.0314);
    --beam-effect-depth-dramatic: var(--beam-neutral-alpha-a3);
    --beam-effect-depth-none: rgba(0, 0, 0, 0);
    --beam-effect-depth-ring: var(--beam-neutral-alpha-a3);
    --beam-effect-depth-soft: var(--beam-neutral-alpha-a2);
    --beam-effect-ring-brand: var(--beam-accent-alpha-a5);
    --beam-effect-ring-error: var(--beam-status-error-alpha-a5);
    --beam-effect-ring-info: var(--beam-status-info-alpha-a5);
    --beam-effect-ring-success: var(--beam-status-success-alpha-a5);
    --beam-effect-ring-warning: var(--beam-status-warning-alpha-a5);
    --beam-effect-shadow-brand: var(--beam-accent-alpha-a4);
    --beam-effect-shadow-error: var(--beam-status-error-alpha-a4);
    --beam-effect-shadow-info: var(--beam-status-info-alpha-a4);
    --beam-effect-shadow-success: var(--beam-status-success-alpha-a4);
    --beam-effect-shadow-warning: var(--beam-status-warning-alpha-a4);
    --beam-decorative-tomato-bg: var(--beam-tomato-3);
    --beam-decorative-tomato-border: var(--beam-tomato-7);
    --beam-decorative-tomato-solid: var(--beam-tomato-9);
    --beam-decorative-tomato-text: var(--beam-tomato-12);
    --beam-decorative-tomato-on-solid: #ffffff;
    --beam-decorative-red-bg: var(--beam-red-3);
    --beam-decorative-red-border: var(--beam-red-7);
    --beam-decorative-red-solid: var(--beam-red-9);
    --beam-decorative-red-text: var(--beam-red-12);
    --beam-decorative-red-on-solid: #ffffff;
    --beam-decorative-ruby-bg: var(--beam-ruby-3);
    --beam-decorative-ruby-border: var(--beam-ruby-7);
    --beam-decorative-ruby-solid: var(--beam-ruby-9);
    --beam-decorative-ruby-text: var(--beam-ruby-12);
    --beam-decorative-ruby-on-solid: #ffffff;
    --beam-decorative-crimson-bg: var(--beam-crimson-3);
    --beam-decorative-crimson-border: var(--beam-crimson-7);
    --beam-decorative-crimson-solid: var(--beam-crimson-9);
    --beam-decorative-crimson-text: var(--beam-crimson-12);
    --beam-decorative-crimson-on-solid: #ffffff;
    --beam-decorative-pink-bg: var(--beam-pink-3);
    --beam-decorative-pink-border: var(--beam-pink-7);
    --beam-decorative-pink-solid: var(--beam-pink-9);
    --beam-decorative-pink-text: var(--beam-pink-12);
    --beam-decorative-pink-on-solid: #ffffff;
    --beam-decorative-plum-bg: var(--beam-plum-3);
    --beam-decorative-plum-border: var(--beam-plum-7);
    --beam-decorative-plum-solid: var(--beam-plum-9);
    --beam-decorative-plum-text: var(--beam-plum-11);
    --beam-decorative-plum-on-solid: #ffffff;
    --beam-decorative-purple-bg: var(--beam-purple-3);
    --beam-decorative-purple-border: var(--beam-purple-7);
    --beam-decorative-purple-solid: var(--beam-purple-9);
    --beam-decorative-purple-text: var(--beam-purple-11);
    --beam-decorative-purple-on-solid: #ffffff;
    --beam-decorative-violet-bg: var(--beam-violet-3);
    --beam-decorative-violet-border: var(--beam-violet-7);
    --beam-decorative-violet-solid: var(--beam-violet-9);
    --beam-decorative-violet-text: var(--beam-violet-11);
    --beam-decorative-violet-on-solid: #ffffff;
    --beam-decorative-iris-bg: var(--beam-iris-3);
    --beam-decorative-iris-border: var(--beam-iris-7);
    --beam-decorative-iris-solid: var(--beam-iris-9);
    --beam-decorative-iris-text: var(--beam-iris-11);
    --beam-decorative-iris-on-solid: #ffffff;
    --beam-decorative-indigo-bg: var(--beam-indigo-3);
    --beam-decorative-indigo-border: var(--beam-indigo-7);
    --beam-decorative-indigo-solid: var(--beam-indigo-9);
    --beam-decorative-indigo-text: var(--beam-indigo-11);
    --beam-decorative-indigo-on-solid: #ffffff;
    --beam-decorative-blue-bg: var(--beam-blue-3);
    --beam-decorative-blue-border: var(--beam-blue-7);
    --beam-decorative-blue-solid: var(--beam-blue-9);
    --beam-decorative-blue-text: var(--beam-blue-12);
    --beam-decorative-blue-on-solid: #ffffff;
    --beam-decorative-cyan-bg: var(--beam-cyan-3);
    --beam-decorative-cyan-border: var(--beam-cyan-7);
    --beam-decorative-cyan-solid: var(--beam-cyan-9);
    --beam-decorative-cyan-text: var(--beam-cyan-12);
    --beam-decorative-cyan-on-solid: #ffffff;
    --beam-decorative-teal-bg: var(--beam-teal-3);
    --beam-decorative-teal-border: var(--beam-teal-7);
    --beam-decorative-teal-solid: var(--beam-teal-9);
    --beam-decorative-teal-text: var(--beam-teal-12);
    --beam-decorative-teal-on-solid: #ffffff;
    --beam-decorative-jade-bg: var(--beam-jade-3);
    --beam-decorative-jade-border: var(--beam-jade-7);
    --beam-decorative-jade-solid: var(--beam-jade-9);
    --beam-decorative-jade-text: var(--beam-jade-12);
    --beam-decorative-jade-on-solid: #ffffff;
    --beam-decorative-green-bg: var(--beam-green-3);
    --beam-decorative-green-border: var(--beam-green-7);
    --beam-decorative-green-solid: var(--beam-green-9);
    --beam-decorative-green-text: var(--beam-green-12);
    --beam-decorative-green-on-solid: #ffffff;
    --beam-decorative-grass-bg: var(--beam-grass-3);
    --beam-decorative-grass-solid: var(--beam-grass-9);
    --beam-decorative-grass-text: var(--beam-grass-12);
    --beam-decorative-grass-on-solid: #ffffff;
    --beam-decorative-brown-bg: var(--beam-brown-3);
    --beam-decorative-brown-border: var(--beam-brown-7);
    --beam-decorative-brown-solid: var(--beam-brown-9);
    --beam-decorative-brown-text: var(--beam-brown-11);
    --beam-decorative-brown-on-solid: #ffffff;
    --beam-decorative-bronze-bg: var(--beam-bronze-3);
    --beam-decorative-bronze-border: var(--beam-bronze-7);
    --beam-decorative-bronze-solid: var(--beam-bronze-9);
    --beam-decorative-bronze-text: var(--beam-bronze-11);
    --beam-decorative-bronze-on-solid: #ffffff;
    --beam-decorative-gold-bg: var(--beam-gold-3);
    --beam-decorative-gold-border: var(--beam-gold-7);
    --beam-decorative-gold-solid: var(--beam-gold-9);
    --beam-decorative-gold-text: var(--beam-gold-11);
    --beam-decorative-gold-on-solid: #ffffff;
    --beam-decorative-sky-bg: var(--beam-sky-3);
    --beam-decorative-sky-border: var(--beam-sky-7);
    --beam-decorative-sky-solid: var(--beam-sky-9);
    --beam-decorative-sky-text: var(--beam-sky-12);
    --beam-decorative-sky-on-solid: var(--beam-sky-12);
    --beam-decorative-mint-bg: var(--beam-mint-3);
    --beam-decorative-mint-border: var(--beam-mint-7);
    --beam-decorative-mint-solid: var(--beam-mint-9);
    --beam-decorative-mint-text: var(--beam-mint-11);
    --beam-decorative-mint-on-solid: var(--beam-mint-12);
    --beam-decorative-lime-bg: var(--beam-lime-3);
    --beam-decorative-lime-border: var(--beam-lime-7);
    --beam-decorative-lime-solid: var(--beam-lime-9);
    --beam-decorative-lime-text: var(--beam-lime-12);
    --beam-decorative-lime-on-solid: var(--beam-lime-12);
    --beam-decorative-yellow-bg: var(--beam-yellow-3);
    --beam-decorative-yellow-border: var(--beam-yellow-7);
    --beam-decorative-yellow-solid: var(--beam-yellow-9);
    --beam-decorative-yellow-text: var(--beam-yellow-12);
    --beam-decorative-yellow-on-solid: var(--beam-yellow-12);
    --beam-decorative-amber-bg: var(--beam-amber-3);
    --beam-decorative-amber-border: var(--beam-amber-7);
    --beam-decorative-amber-solid: var(--beam-amber-9);
    --beam-decorative-amber-text: var(--beam-amber-12);
    --beam-decorative-amber-on-solid: var(--beam-amber-12);
    --beam-decorative-orange-bg: var(--beam-orange-3);
    --beam-decorative-orange-border: var(--beam-orange-7);
    --beam-decorative-orange-solid: var(--beam-orange-9);
    --beam-decorative-orange-text: var(--beam-orange-12);
    --beam-decorative-orange-on-solid: #ffffff;
    --beam-decorative-grass-border: var(--beam-grass-7);
    --beam-decorative-rebecca-bg: var(--beam-rebecca-3);
    --beam-decorative-rebecca-border: var(--beam-rebecca-7);
    --beam-decorative-rebecca-solid: var(--beam-rebecca-9);
    --beam-decorative-rebecca-text: var(--beam-rebecca-11);
    --beam-decorative-rebecca-on-solid: #ffffff;
    --beam-gradient-tonal-rebecca-depth-stop-1: var(--beam-rebecca-5);
    --beam-gradient-tonal-rebecca-depth-stop-2: var(--beam-rebecca-10);
    --beam-gradient-tonal-rebecca-depth-angle: 135deg;
    --beam-gradient-tonal-iris-depth-stop-1: var(--beam-iris-4);
    --beam-gradient-tonal-iris-depth-stop-2: var(--beam-iris-10);
    --beam-gradient-tonal-iris-depth-angle: 135deg;
    --beam-gradient-tonal-teal-depth-stop-1: var(--beam-teal-4);
    --beam-gradient-tonal-teal-depth-stop-2: var(--beam-teal-10);
    --beam-gradient-tonal-teal-depth-angle: 135deg;
    --beam-gradient-tonal-amber-depth-stop-1: var(--beam-amber-4);
    --beam-gradient-tonal-amber-depth-stop-2: var(--beam-amber-10);
    --beam-gradient-tonal-amber-depth-angle: 135deg;
    --beam-gradient-tonal-slate-depth-stop-1: var(--beam-slate-3);
    --beam-gradient-tonal-slate-depth-stop-2: var(--beam-slate-8);
    --beam-gradient-tonal-slate-depth-angle: 135deg;
    --beam-gradient-analogous-violet-hour-stop-1: var(--beam-violet-9);
    --beam-gradient-analogous-violet-hour-stop-2: var(--beam-iris-9);
    --beam-gradient-analogous-violet-hour-angle: 120deg;
    --beam-gradient-analogous-deep-sea-stop-1: var(--beam-indigo-9);
    --beam-gradient-analogous-deep-sea-stop-2: var(--beam-blue-9);
    --beam-gradient-analogous-deep-sea-angle: 120deg;
    --beam-gradient-analogous-lagoon-stop-1: var(--beam-cyan-9);
    --beam-gradient-analogous-lagoon-stop-2: var(--beam-teal-9);
    --beam-gradient-analogous-lagoon-angle: 120deg;
    --beam-gradient-analogous-meadow-stop-1: var(--beam-jade-9);
    --beam-gradient-analogous-meadow-stop-2: var(--beam-grass-9);
    --beam-gradient-analogous-meadow-angle: 120deg;
    --beam-gradient-analogous-rosebud-stop-1: var(--beam-crimson-9);
    --beam-gradient-analogous-rosebud-stop-2: var(--beam-pink-9);
    --beam-gradient-analogous-rosebud-angle: 120deg;
    --beam-gradient-analogous-ember-stop-1: var(--beam-amber-9);
    --beam-gradient-analogous-ember-stop-2: var(--beam-orange-9);
    --beam-gradient-analogous-ember-angle: 120deg;
    --beam-gradient-signature-twilight-stop-1: var(--beam-rebecca-9);
    --beam-gradient-signature-twilight-stop-2: var(--beam-iris-9);
    --beam-gradient-signature-twilight-angle: 135deg;
    --beam-gradient-signature-flare-stop-1: var(--beam-rebecca-9);
    --beam-gradient-signature-flare-stop-2: var(--beam-crimson-9);
    --beam-gradient-signature-flare-angle: 135deg;
    --beam-gradient-signature-abyss-stop-1: var(--beam-rebecca-11);
    --beam-gradient-signature-abyss-stop-2: var(--beam-indigo-11);
    --beam-gradient-signature-abyss-angle: 135deg;
    --beam-gradient-signature-dawn-stop-1: var(--beam-rebecca-8);
    --beam-gradient-signature-dawn-stop-2: var(--beam-orange-8);
    --beam-gradient-signature-dawn-angle: 135deg;
    --beam-gradient-wash-petal-stop-1: var(--beam-iris-3);
    --beam-gradient-wash-petal-stop-2: var(--beam-pink-3);
    --beam-gradient-wash-petal-angle: 160deg;
    --beam-gradient-wash-coast-stop-1: var(--beam-sky-3);
    --beam-gradient-wash-coast-stop-2: var(--beam-mint-3);
    --beam-gradient-wash-coast-angle: 160deg;
    --beam-gradient-wash-sunset-stop-1: var(--beam-amber-3);
    --beam-gradient-wash-sunset-stop-2: var(--beam-tomato-3);
    --beam-gradient-wash-sunset-angle: 160deg;
    --beam-gradient-wash-orchid-stop-1: var(--beam-rebecca-3);
    --beam-gradient-wash-orchid-stop-2: var(--beam-plum-3);
    --beam-gradient-wash-orchid-angle: 160deg;
    --beam-gradient-tri-stop-sunset-run-stop-1: var(--beam-rebecca-9);
    --beam-gradient-tri-stop-sunset-run-stop-2: var(--beam-crimson-9);
    --beam-gradient-tri-stop-sunset-run-stop-3: var(--beam-amber-9);
    --beam-gradient-tri-stop-sunset-run-angle: 110deg;
    --beam-gradient-tri-stop-ocean-run-stop-1: var(--beam-indigo-9);
    --beam-gradient-tri-stop-ocean-run-stop-2: var(--beam-cyan-9);
    --beam-gradient-tri-stop-ocean-run-stop-3: var(--beam-mint-9);
    --beam-gradient-tri-stop-ocean-run-angle: 110deg;
    --beam-gradient-tri-stop-aurora-run-stop-1: var(--beam-teal-9);
    --beam-gradient-tri-stop-aurora-run-stop-2: var(--beam-iris-9);
    --beam-gradient-tri-stop-aurora-run-stop-3: var(--beam-pink-9);
    --beam-gradient-tri-stop-aurora-run-angle: 110deg;
    --beam-overlay-primary: var(--beam-neutral-1);
    --beam-overlay-scrim: var(--beam-black-alpha-a9);
    --beam-overlay-secondary: var(--beam-neutral-2);
    --beam-overlay-tertiary: var(--beam-neutral-3);
    --beam-gradient-tonal-rebecca-depth: linear-gradient(var(--beam-gradient-tonal-rebecca-depth-angle), var(--beam-gradient-tonal-rebecca-depth-stop-1), var(--beam-gradient-tonal-rebecca-depth-stop-2));
    --beam-gradient-tonal-iris-depth: linear-gradient(var(--beam-gradient-tonal-iris-depth-angle), var(--beam-gradient-tonal-iris-depth-stop-1), var(--beam-gradient-tonal-iris-depth-stop-2));
    --beam-gradient-tonal-teal-depth: linear-gradient(var(--beam-gradient-tonal-teal-depth-angle), var(--beam-gradient-tonal-teal-depth-stop-1), var(--beam-gradient-tonal-teal-depth-stop-2));
    --beam-gradient-tonal-amber-depth: linear-gradient(var(--beam-gradient-tonal-amber-depth-angle), var(--beam-gradient-tonal-amber-depth-stop-1), var(--beam-gradient-tonal-amber-depth-stop-2));
    --beam-gradient-tonal-slate-depth: linear-gradient(var(--beam-gradient-tonal-slate-depth-angle), var(--beam-gradient-tonal-slate-depth-stop-1), var(--beam-gradient-tonal-slate-depth-stop-2));
    --beam-gradient-analogous-violet-hour: linear-gradient(var(--beam-gradient-analogous-violet-hour-angle), var(--beam-gradient-analogous-violet-hour-stop-1), var(--beam-gradient-analogous-violet-hour-stop-2));
    --beam-gradient-analogous-deep-sea: linear-gradient(var(--beam-gradient-analogous-deep-sea-angle), var(--beam-gradient-analogous-deep-sea-stop-1), var(--beam-gradient-analogous-deep-sea-stop-2));
    --beam-gradient-analogous-lagoon: linear-gradient(var(--beam-gradient-analogous-lagoon-angle), var(--beam-gradient-analogous-lagoon-stop-1), var(--beam-gradient-analogous-lagoon-stop-2));
    --beam-gradient-analogous-meadow: linear-gradient(var(--beam-gradient-analogous-meadow-angle), var(--beam-gradient-analogous-meadow-stop-1), var(--beam-gradient-analogous-meadow-stop-2));
    --beam-gradient-analogous-rosebud: linear-gradient(var(--beam-gradient-analogous-rosebud-angle), var(--beam-gradient-analogous-rosebud-stop-1), var(--beam-gradient-analogous-rosebud-stop-2));
    --beam-gradient-analogous-ember: linear-gradient(var(--beam-gradient-analogous-ember-angle), var(--beam-gradient-analogous-ember-stop-1), var(--beam-gradient-analogous-ember-stop-2));
    --beam-gradient-signature-twilight: linear-gradient(var(--beam-gradient-signature-twilight-angle), var(--beam-gradient-signature-twilight-stop-1), var(--beam-gradient-signature-twilight-stop-2));
    --beam-gradient-signature-flare: linear-gradient(var(--beam-gradient-signature-flare-angle), var(--beam-gradient-signature-flare-stop-1), var(--beam-gradient-signature-flare-stop-2));
    --beam-gradient-signature-abyss: linear-gradient(var(--beam-gradient-signature-abyss-angle), var(--beam-gradient-signature-abyss-stop-1), var(--beam-gradient-signature-abyss-stop-2));
    --beam-gradient-signature-dawn: linear-gradient(var(--beam-gradient-signature-dawn-angle), var(--beam-gradient-signature-dawn-stop-1), var(--beam-gradient-signature-dawn-stop-2));
    --beam-gradient-wash-petal: linear-gradient(var(--beam-gradient-wash-petal-angle), var(--beam-gradient-wash-petal-stop-1), var(--beam-gradient-wash-petal-stop-2));
    --beam-gradient-wash-coast: linear-gradient(var(--beam-gradient-wash-coast-angle), var(--beam-gradient-wash-coast-stop-1), var(--beam-gradient-wash-coast-stop-2));
    --beam-gradient-wash-sunset: linear-gradient(var(--beam-gradient-wash-sunset-angle), var(--beam-gradient-wash-sunset-stop-1), var(--beam-gradient-wash-sunset-stop-2));
    --beam-gradient-wash-orchid: linear-gradient(var(--beam-gradient-wash-orchid-angle), var(--beam-gradient-wash-orchid-stop-1), var(--beam-gradient-wash-orchid-stop-2));
    --beam-gradient-tri-stop-sunset-run: linear-gradient(var(--beam-gradient-tri-stop-sunset-run-angle), var(--beam-gradient-tri-stop-sunset-run-stop-1), var(--beam-gradient-tri-stop-sunset-run-stop-2), var(--beam-gradient-tri-stop-sunset-run-stop-3));
    --beam-gradient-tri-stop-ocean-run: linear-gradient(var(--beam-gradient-tri-stop-ocean-run-angle), var(--beam-gradient-tri-stop-ocean-run-stop-1), var(--beam-gradient-tri-stop-ocean-run-stop-2), var(--beam-gradient-tri-stop-ocean-run-stop-3));
    --beam-gradient-tri-stop-aurora-run: linear-gradient(var(--beam-gradient-tri-stop-aurora-run-angle), var(--beam-gradient-tri-stop-aurora-run-stop-1), var(--beam-gradient-tri-stop-aurora-run-stop-2), var(--beam-gradient-tri-stop-aurora-run-stop-3));
  }
  [data-theme="dark"] {
    --beam-text-white: #ffffff;
    --beam-text-brand-primary: var(--beam-text-brand);
    --beam-text-brand-secondary: var(--beam-accent-dark-9);
    --beam-text-on-accent: var(--beam-accent-contrast);
    --beam-text-error: var(--beam-status-error-dark-11);
    --beam-text-warning: var(--beam-status-warning-dark-11);
    --beam-text-success: var(--beam-status-success-dark-11);
    --beam-text-info: var(--beam-status-info-dark-11);
    --beam-text-neutral-primary: var(--beam-neutral-dark-12);
    --beam-text-neutral-secondary: var(--beam-neutral-dark-11);
    --beam-text-neutral-tertiary: var(--beam-neutral-dark-9);
    --beam-text-neutral-placeholder: var(--beam-neutral-dark-9);
    --beam-text-neutral-placeholder_subtle: var(--beam-neutral-dark-8);
    --beam-text-neutral-disabled: var(--beam-neutral-dark-8);
    --beam-text-on-neutral-solid: var(--beam-neutral-dark-1);
    --beam-text-brand: var(--beam-accent-dark-11);
    --beam-fg-white: #ffffff;
    --beam-fg-brand-primary: var(--beam-fg-brand);
    --beam-fg-brand-secondary: var(--beam-accent-dark-9);
    --beam-fg-on-accent: var(--beam-accent-contrast);
    --beam-fg-error-primary: var(--beam-status-error-dark-11);
    --beam-fg-error-secondary: var(--beam-status-error-dark-9);
    --beam-fg-warning-primary: var(--beam-status-warning-dark-11);
    --beam-fg-warning-secondary: var(--beam-status-warning-dark-9);
    --beam-fg-success-primary: var(--beam-status-success-dark-11);
    --beam-fg-success-secondary: var(--beam-status-success-dark-9);
    --beam-fg-info-primary: var(--beam-status-info-dark-11);
    --beam-fg-info-secondary: var(--beam-status-info-dark-9);
    --beam-fg-neutral-primary: var(--beam-neutral-dark-12);
    --beam-fg-neutral-secondary: var(--beam-neutral-dark-11);
    --beam-fg-neutral-tertiary: var(--beam-neutral-dark-9);
    --beam-fg-neutral-quaternary: var(--beam-neutral-dark-8);
    --beam-fg-neutral-disabled: var(--beam-neutral-dark-8);
    --beam-fg-neutral-disabled_subtle: var(--beam-neutral-dark-7);
    --beam-fg-on-neutral-solid: var(--beam-neutral-dark-1);
    --beam-fg-brand: var(--beam-accent-dark-11);
    --beam-background-overlay: var(--beam-overlay-scrim);
    --beam-background-surface: var(--beam-overlay-primary);
    --beam-background-panel: var(--beam-neutral-dark-1);
    --beam-background-brand-primary: var(--beam-background-brand-subtle);
    --beam-background-brand-secondary: var(--beam-background-brand-soft);
    --beam-background-brand-solid: var(--beam-accent-dark-9);
    --beam-background-brand-solid_hover: var(--beam-accent-dark-10);
    --beam-background-error-primary: var(--beam-status-error-dark-3);
    --beam-background-error-secondary: var(--beam-status-error-dark-4);
    --beam-background-error-solid: var(--beam-status-error-dark-9);
    --beam-background-error-solid_hover: var(--beam-status-error-dark-10);
    --beam-background-warning-primary: var(--beam-status-warning-dark-3);
    --beam-background-warning-secondary: var(--beam-status-warning-dark-4);
    --beam-background-warning-solid: var(--beam-status-warning-dark-9);
    --beam-background-success-primary: var(--beam-status-success-dark-3);
    --beam-background-success-secondary: var(--beam-status-success-dark-4);
    --beam-background-success-solid: var(--beam-status-success-dark-9);
    --beam-background-info-primary: var(--beam-status-info-dark-3);
    --beam-background-info-secondary: var(--beam-status-info-dark-4);
    --beam-background-info-solid: var(--beam-status-info-dark-9);
    --beam-background-neutral-primary: var(--beam-neutral-dark-1);
    --beam-background-neutral-primary_hover: var(--beam-neutral-dark-2);
    --beam-background-neutral-primary-solid: var(--beam-neutral-dark-12);
    --beam-background-neutral-secondary: var(--beam-neutral-dark-2);
    --beam-background-neutral-secondary_hover: var(--beam-neutral-dark-3);
    --beam-background-neutral-secondary-solid: var(--beam-neutral-dark-11);
    --beam-background-neutral-tertiary: var(--beam-neutral-dark-3);
    --beam-background-neutral-quaternary: var(--beam-neutral-dark-4);
    --beam-background-neutral-active: var(--beam-neutral-dark-3);
    --beam-background-neutral-disabled: var(--beam-neutral-dark-3);
    --beam-background-neutral-disabled_subtle: var(--beam-neutral-dark-2);
    --beam-background-brand-solid_active: var(--beam-accent-dark-8);
    --beam-background-error-solid_active: var(--beam-status-error-dark-11);
    --beam-background-info-solid_active: var(--beam-status-info-dark-11);
    --beam-background-info-solid_hover: var(--beam-status-info-dark-10);
    --beam-background-neutral-quaternary_hover: var(--beam-neutral-dark-5);
    --beam-background-neutral-tertiary_hover: var(--beam-neutral-dark-4);
    --beam-background-success-solid_active: var(--beam-status-success-dark-11);
    --beam-background-success-solid_hover: var(--beam-status-success-dark-10);
    --beam-background-warning-solid_active: var(--beam-status-warning-dark-11);
    --beam-background-warning-solid_hover: var(--beam-status-warning-dark-10);
    --beam-background-neutral-primary-solid_hover: var(--beam-neutral-dark-11);
    --beam-background-neutral-primary-solid_active: var(--beam-neutral-dark-10);
    --beam-background-brand-faint: var(--beam-accent-dark-2);
    --beam-background-brand-subtle: var(--beam-accent-dark-3);
    --beam-background-brand-soft: var(--beam-accent-dark-4);
    --beam-border-brand: var(--beam-accent-dark-8);
    --beam-border-brand_subtle: var(--beam-accent-dark-6);
    --beam-border-focus-ring: var(--beam-accent-dark-alpha-a5);
    --beam-border-error: var(--beam-status-error-dark-8);
    --beam-border-error_subtle: var(--beam-status-error-dark-6);
    --beam-border-warning: var(--beam-status-warning-dark-8);
    --beam-border-success: var(--beam-status-success-dark-8);
    --beam-border-info: var(--beam-status-info-dark-8);
    --beam-border-neutral-primary: var(--beam-neutral-dark-6);
    --beam-border-neutral-secondary: var(--beam-neutral-dark-5);
    --beam-border-neutral-tertiary: var(--beam-neutral-dark-4);
    --beam-border-neutral-disabled: var(--beam-neutral-dark-5);
    --beam-border-neutral-disabled_subtle: var(--beam-neutral-dark-4);
    --beam-border-neutral-separator: var(--beam-neutral-dark-6);
    --beam-surface-default: var(--beam-surface-primary);
    --beam-surface-raised: var(--beam-surface-secondary);
    --beam-surface-overlay: var(--beam-overlay-primary);
    --beam-surface-sunken: var(--beam-black-alpha-a6);
    --beam-surface-primary: var(--beam-neutral-dark-1);
    --beam-surface-secondary: var(--beam-neutral-dark-2);
    --beam-surface-tertiary: var(--beam-neutral-dark-3);
    --beam-effect-shadow-color: rgba(0, 0, 0, 0.251);
    --beam-effect-inner-shadow-color: rgba(252, 252, 253, 0.0196);
    --beam-effect-depth-dramatic: var(--beam-neutral-alpha-a7);
    --beam-effect-depth-none: rgba(0, 0, 0, 0);
    --beam-effect-depth-ring: var(--beam-neutral-dark-alpha-a3);
    --beam-effect-depth-soft: var(--beam-neutral-alpha-a5);
    --beam-effect-ring-brand: var(--beam-accent-dark-alpha-a5);
    --beam-effect-ring-error: var(--beam-status-error-dark-alpha-a5);
    --beam-effect-ring-info: var(--beam-status-info-dark-alpha-a5);
    --beam-effect-ring-success: var(--beam-status-success-dark-alpha-a5);
    --beam-effect-ring-warning: var(--beam-status-warning-dark-alpha-a5);
    --beam-effect-shadow-brand: var(--beam-accent-dark-alpha-a4);
    --beam-effect-shadow-error: var(--beam-status-error-dark-alpha-a4);
    --beam-effect-shadow-info: var(--beam-status-info-dark-alpha-a4);
    --beam-effect-shadow-success: var(--beam-status-success-dark-alpha-a4);
    --beam-effect-shadow-warning: var(--beam-status-warning-dark-alpha-a4);
    --beam-decorative-tomato-bg: var(--beam-tomato-dark-3);
    --beam-decorative-tomato-border: var(--beam-tomato-dark-7);
    --beam-decorative-tomato-solid: var(--beam-tomato-dark-9);
    --beam-decorative-tomato-text: var(--beam-tomato-dark-11);
    --beam-decorative-tomato-on-solid: #ffffff;
    --beam-decorative-red-bg: var(--beam-red-dark-3);
    --beam-decorative-red-border: var(--beam-red-dark-7);
    --beam-decorative-red-solid: var(--beam-red-dark-9);
    --beam-decorative-red-text: var(--beam-red-dark-11);
    --beam-decorative-red-on-solid: #ffffff;
    --beam-decorative-ruby-bg: var(--beam-ruby-dark-3);
    --beam-decorative-ruby-border: var(--beam-ruby-dark-7);
    --beam-decorative-ruby-solid: var(--beam-ruby-dark-9);
    --beam-decorative-ruby-text: var(--beam-ruby-dark-11);
    --beam-decorative-ruby-on-solid: #ffffff;
    --beam-decorative-crimson-bg: var(--beam-crimson-dark-3);
    --beam-decorative-crimson-border: var(--beam-crimson-dark-7);
    --beam-decorative-crimson-solid: var(--beam-crimson-dark-9);
    --beam-decorative-crimson-text: var(--beam-crimson-dark-11);
    --beam-decorative-crimson-on-solid: #ffffff;
    --beam-decorative-pink-bg: var(--beam-pink-dark-3);
    --beam-decorative-pink-border: var(--beam-pink-dark-7);
    --beam-decorative-pink-solid: var(--beam-pink-dark-9);
    --beam-decorative-pink-text: var(--beam-pink-dark-11);
    --beam-decorative-pink-on-solid: #ffffff;
    --beam-decorative-plum-bg: var(--beam-plum-dark-3);
    --beam-decorative-plum-border: var(--beam-plum-dark-7);
    --beam-decorative-plum-solid: var(--beam-plum-dark-9);
    --beam-decorative-plum-text: var(--beam-plum-dark-11);
    --beam-decorative-plum-on-solid: #ffffff;
    --beam-decorative-purple-bg: var(--beam-purple-dark-3);
    --beam-decorative-purple-border: var(--beam-purple-dark-7);
    --beam-decorative-purple-solid: var(--beam-purple-dark-9);
    --beam-decorative-purple-text: var(--beam-purple-dark-11);
    --beam-decorative-purple-on-solid: #ffffff;
    --beam-decorative-violet-bg: var(--beam-violet-dark-3);
    --beam-decorative-violet-border: var(--beam-violet-dark-7);
    --beam-decorative-violet-solid: var(--beam-violet-dark-9);
    --beam-decorative-violet-text: var(--beam-violet-dark-11);
    --beam-decorative-violet-on-solid: #ffffff;
    --beam-decorative-iris-bg: var(--beam-iris-dark-3);
    --beam-decorative-iris-border: var(--beam-iris-dark-7);
    --beam-decorative-iris-solid: var(--beam-iris-dark-9);
    --beam-decorative-iris-text: var(--beam-iris-dark-11);
    --beam-decorative-iris-on-solid: #ffffff;
    --beam-decorative-indigo-bg: var(--beam-indigo-dark-3);
    --beam-decorative-indigo-border: var(--beam-indigo-dark-7);
    --beam-decorative-indigo-solid: var(--beam-indigo-dark-9);
    --beam-decorative-indigo-text: var(--beam-indigo-dark-11);
    --beam-decorative-indigo-on-solid: #ffffff;
    --beam-decorative-blue-bg: var(--beam-blue-dark-3);
    --beam-decorative-blue-border: var(--beam-blue-dark-7);
    --beam-decorative-blue-solid: var(--beam-blue-dark-9);
    --beam-decorative-blue-text: var(--beam-blue-dark-11);
    --beam-decorative-blue-on-solid: #ffffff;
    --beam-decorative-cyan-bg: var(--beam-cyan-dark-3);
    --beam-decorative-cyan-border: var(--beam-cyan-dark-7);
    --beam-decorative-cyan-solid: var(--beam-cyan-dark-9);
    --beam-decorative-cyan-text: var(--beam-cyan-dark-11);
    --beam-decorative-cyan-on-solid: #ffffff;
    --beam-decorative-teal-bg: var(--beam-teal-dark-3);
    --beam-decorative-teal-border: var(--beam-teal-dark-7);
    --beam-decorative-teal-solid: var(--beam-teal-dark-9);
    --beam-decorative-teal-text: var(--beam-teal-dark-11);
    --beam-decorative-teal-on-solid: #ffffff;
    --beam-decorative-jade-bg: var(--beam-jade-dark-3);
    --beam-decorative-jade-border: var(--beam-jade-dark-7);
    --beam-decorative-jade-solid: var(--beam-jade-dark-9);
    --beam-decorative-jade-text: var(--beam-jade-dark-11);
    --beam-decorative-jade-on-solid: #ffffff;
    --beam-decorative-green-bg: var(--beam-green-dark-3);
    --beam-decorative-green-border: var(--beam-green-dark-7);
    --beam-decorative-green-solid: var(--beam-green-dark-9);
    --beam-decorative-green-text: var(--beam-green-dark-11);
    --beam-decorative-green-on-solid: #ffffff;
    --beam-decorative-grass-bg: var(--beam-grass-dark-3);
    --beam-decorative-grass-solid: var(--beam-grass-dark-9);
    --beam-decorative-grass-text: var(--beam-grass-dark-11);
    --beam-decorative-grass-on-solid: #ffffff;
    --beam-decorative-brown-bg: var(--beam-brown-dark-3);
    --beam-decorative-brown-border: var(--beam-brown-dark-7);
    --beam-decorative-brown-solid: var(--beam-brown-dark-9);
    --beam-decorative-brown-text: var(--beam-brown-dark-11);
    --beam-decorative-brown-on-solid: #ffffff;
    --beam-decorative-bronze-bg: var(--beam-bronze-dark-3);
    --beam-decorative-bronze-border: var(--beam-bronze-dark-7);
    --beam-decorative-bronze-solid: var(--beam-bronze-dark-9);
    --beam-decorative-bronze-text: var(--beam-bronze-dark-11);
    --beam-decorative-bronze-on-solid: #ffffff;
    --beam-decorative-gold-bg: var(--beam-gold-dark-3);
    --beam-decorative-gold-border: var(--beam-gold-dark-7);
    --beam-decorative-gold-solid: var(--beam-gold-dark-9);
    --beam-decorative-gold-text: var(--beam-gold-dark-11);
    --beam-decorative-gold-on-solid: #ffffff;
    --beam-decorative-sky-bg: var(--beam-sky-dark-3);
    --beam-decorative-sky-border: var(--beam-sky-dark-7);
    --beam-decorative-sky-solid: var(--beam-sky-dark-9);
    --beam-decorative-sky-text: var(--beam-sky-dark-11);
    --beam-decorative-sky-on-solid: var(--beam-sky-12);
    --beam-decorative-mint-bg: var(--beam-mint-dark-3);
    --beam-decorative-mint-border: var(--beam-mint-dark-7);
    --beam-decorative-mint-solid: var(--beam-mint-dark-9);
    --beam-decorative-mint-text: var(--beam-mint-dark-11);
    --beam-decorative-mint-on-solid: var(--beam-mint-12);
    --beam-decorative-lime-bg: var(--beam-lime-dark-3);
    --beam-decorative-lime-border: var(--beam-lime-dark-7);
    --beam-decorative-lime-solid: var(--beam-lime-dark-9);
    --beam-decorative-lime-text: var(--beam-lime-dark-11);
    --beam-decorative-lime-on-solid: var(--beam-lime-12);
    --beam-decorative-yellow-bg: var(--beam-yellow-dark-3);
    --beam-decorative-yellow-border: var(--beam-yellow-dark-7);
    --beam-decorative-yellow-solid: var(--beam-yellow-dark-9);
    --beam-decorative-yellow-text: var(--beam-yellow-dark-11);
    --beam-decorative-yellow-on-solid: var(--beam-yellow-12);
    --beam-decorative-amber-bg: var(--beam-amber-dark-3);
    --beam-decorative-amber-border: var(--beam-amber-dark-7);
    --beam-decorative-amber-solid: var(--beam-amber-dark-9);
    --beam-decorative-amber-text: var(--beam-amber-dark-11);
    --beam-decorative-amber-on-solid: var(--beam-amber-12);
    --beam-decorative-orange-bg: var(--beam-orange-dark-3);
    --beam-decorative-orange-border: var(--beam-orange-dark-7);
    --beam-decorative-orange-solid: var(--beam-orange-dark-9);
    --beam-decorative-orange-text: var(--beam-orange-dark-11);
    --beam-decorative-orange-on-solid: #ffffff;
    --beam-decorative-grass-border: var(--beam-grass-dark-7);
    --beam-decorative-rebecca-bg: var(--beam-rebecca-dark-3);
    --beam-decorative-rebecca-border: var(--beam-rebecca-dark-7);
    --beam-decorative-rebecca-solid: var(--beam-rebecca-dark-9);
    --beam-decorative-rebecca-text: var(--beam-rebecca-dark-11);
    --beam-decorative-rebecca-on-solid: #ffffff;
    --beam-gradient-tonal-rebecca-depth-stop-1: var(--beam-rebecca-dark-5);
    --beam-gradient-tonal-rebecca-depth-stop-2: var(--beam-rebecca-dark-10);
    --beam-gradient-tonal-rebecca-depth-angle: 135deg;
    --beam-gradient-tonal-iris-depth-stop-1: var(--beam-iris-dark-4);
    --beam-gradient-tonal-iris-depth-stop-2: var(--beam-iris-dark-10);
    --beam-gradient-tonal-iris-depth-angle: 135deg;
    --beam-gradient-tonal-teal-depth-stop-1: var(--beam-teal-dark-4);
    --beam-gradient-tonal-teal-depth-stop-2: var(--beam-teal-dark-10);
    --beam-gradient-tonal-teal-depth-angle: 135deg;
    --beam-gradient-tonal-amber-depth-stop-1: var(--beam-amber-dark-4);
    --beam-gradient-tonal-amber-depth-stop-2: var(--beam-amber-dark-10);
    --beam-gradient-tonal-amber-depth-angle: 135deg;
    --beam-gradient-tonal-slate-depth-stop-1: var(--beam-slate-dark-3);
    --beam-gradient-tonal-slate-depth-stop-2: var(--beam-slate-dark-8);
    --beam-gradient-tonal-slate-depth-angle: 135deg;
    --beam-gradient-analogous-violet-hour-stop-1: var(--beam-violet-dark-9);
    --beam-gradient-analogous-violet-hour-stop-2: var(--beam-iris-dark-9);
    --beam-gradient-analogous-violet-hour-angle: 120deg;
    --beam-gradient-analogous-deep-sea-stop-1: var(--beam-indigo-dark-9);
    --beam-gradient-analogous-deep-sea-stop-2: var(--beam-blue-dark-9);
    --beam-gradient-analogous-deep-sea-angle: 120deg;
    --beam-gradient-analogous-lagoon-stop-1: var(--beam-cyan-dark-9);
    --beam-gradient-analogous-lagoon-stop-2: var(--beam-teal-dark-9);
    --beam-gradient-analogous-lagoon-angle: 120deg;
    --beam-gradient-analogous-meadow-stop-1: var(--beam-jade-dark-9);
    --beam-gradient-analogous-meadow-stop-2: var(--beam-grass-dark-9);
    --beam-gradient-analogous-meadow-angle: 120deg;
    --beam-gradient-analogous-rosebud-stop-1: var(--beam-crimson-dark-9);
    --beam-gradient-analogous-rosebud-stop-2: var(--beam-pink-dark-9);
    --beam-gradient-analogous-rosebud-angle: 120deg;
    --beam-gradient-analogous-ember-stop-1: var(--beam-amber-dark-9);
    --beam-gradient-analogous-ember-stop-2: var(--beam-orange-dark-9);
    --beam-gradient-analogous-ember-angle: 120deg;
    --beam-gradient-signature-twilight-stop-1: var(--beam-rebecca-dark-9);
    --beam-gradient-signature-twilight-stop-2: var(--beam-iris-dark-9);
    --beam-gradient-signature-twilight-angle: 135deg;
    --beam-gradient-signature-flare-stop-1: var(--beam-rebecca-dark-9);
    --beam-gradient-signature-flare-stop-2: var(--beam-crimson-dark-9);
    --beam-gradient-signature-flare-angle: 135deg;
    --beam-gradient-signature-abyss-stop-1: var(--beam-rebecca-dark-11);
    --beam-gradient-signature-abyss-stop-2: var(--beam-indigo-dark-11);
    --beam-gradient-signature-abyss-angle: 135deg;
    --beam-gradient-signature-dawn-stop-1: var(--beam-rebecca-dark-8);
    --beam-gradient-signature-dawn-stop-2: var(--beam-orange-dark-8);
    --beam-gradient-signature-dawn-angle: 135deg;
    --beam-gradient-wash-petal-stop-1: var(--beam-iris-dark-3);
    --beam-gradient-wash-petal-stop-2: var(--beam-pink-dark-3);
    --beam-gradient-wash-petal-angle: 160deg;
    --beam-gradient-wash-coast-stop-1: var(--beam-sky-dark-3);
    --beam-gradient-wash-coast-stop-2: var(--beam-mint-dark-3);
    --beam-gradient-wash-coast-angle: 160deg;
    --beam-gradient-wash-sunset-stop-1: var(--beam-amber-dark-3);
    --beam-gradient-wash-sunset-stop-2: var(--beam-tomato-dark-3);
    --beam-gradient-wash-sunset-angle: 160deg;
    --beam-gradient-wash-orchid-stop-1: var(--beam-rebecca-dark-3);
    --beam-gradient-wash-orchid-stop-2: var(--beam-plum-dark-3);
    --beam-gradient-wash-orchid-angle: 160deg;
    --beam-gradient-tri-stop-sunset-run-stop-1: var(--beam-rebecca-dark-9);
    --beam-gradient-tri-stop-sunset-run-stop-2: var(--beam-crimson-dark-9);
    --beam-gradient-tri-stop-sunset-run-stop-3: var(--beam-amber-dark-9);
    --beam-gradient-tri-stop-sunset-run-angle: 110deg;
    --beam-gradient-tri-stop-ocean-run-stop-1: var(--beam-indigo-dark-9);
    --beam-gradient-tri-stop-ocean-run-stop-2: var(--beam-cyan-dark-9);
    --beam-gradient-tri-stop-ocean-run-stop-3: var(--beam-mint-dark-9);
    --beam-gradient-tri-stop-ocean-run-angle: 110deg;
    --beam-gradient-tri-stop-aurora-run-stop-1: var(--beam-teal-dark-9);
    --beam-gradient-tri-stop-aurora-run-stop-2: var(--beam-iris-dark-9);
    --beam-gradient-tri-stop-aurora-run-stop-3: var(--beam-pink-dark-9);
    --beam-gradient-tri-stop-aurora-run-angle: 110deg;
    --beam-overlay-primary: var(--beam-neutral-dark-2);
    --beam-overlay-scrim: var(--beam-black-alpha-a9);
    --beam-overlay-secondary: var(--beam-neutral-dark-3);
    --beam-overlay-tertiary: var(--beam-neutral-dark-4);
  }
  @media (prefers-color-scheme: dark) {
    :root:not([data-theme="light"]) {
      --beam-text-white: #ffffff;
      --beam-text-brand-primary: var(--beam-text-brand);
      --beam-text-brand-secondary: var(--beam-accent-dark-9);
      --beam-text-on-accent: var(--beam-accent-contrast);
      --beam-text-error: var(--beam-status-error-dark-11);
      --beam-text-warning: var(--beam-status-warning-dark-11);
      --beam-text-success: var(--beam-status-success-dark-11);
      --beam-text-info: var(--beam-status-info-dark-11);
      --beam-text-neutral-primary: var(--beam-neutral-dark-12);
      --beam-text-neutral-secondary: var(--beam-neutral-dark-11);
      --beam-text-neutral-tertiary: var(--beam-neutral-dark-9);
      --beam-text-neutral-placeholder: var(--beam-neutral-dark-9);
      --beam-text-neutral-placeholder_subtle: var(--beam-neutral-dark-8);
      --beam-text-neutral-disabled: var(--beam-neutral-dark-8);
      --beam-text-on-neutral-solid: var(--beam-neutral-dark-1);
      --beam-text-brand: var(--beam-accent-dark-11);
      --beam-fg-white: #ffffff;
      --beam-fg-brand-primary: var(--beam-fg-brand);
      --beam-fg-brand-secondary: var(--beam-accent-dark-9);
      --beam-fg-on-accent: var(--beam-accent-contrast);
      --beam-fg-error-primary: var(--beam-status-error-dark-11);
      --beam-fg-error-secondary: var(--beam-status-error-dark-9);
      --beam-fg-warning-primary: var(--beam-status-warning-dark-11);
      --beam-fg-warning-secondary: var(--beam-status-warning-dark-9);
      --beam-fg-success-primary: var(--beam-status-success-dark-11);
      --beam-fg-success-secondary: var(--beam-status-success-dark-9);
      --beam-fg-info-primary: var(--beam-status-info-dark-11);
      --beam-fg-info-secondary: var(--beam-status-info-dark-9);
      --beam-fg-neutral-primary: var(--beam-neutral-dark-12);
      --beam-fg-neutral-secondary: var(--beam-neutral-dark-11);
      --beam-fg-neutral-tertiary: var(--beam-neutral-dark-9);
      --beam-fg-neutral-quaternary: var(--beam-neutral-dark-8);
      --beam-fg-neutral-disabled: var(--beam-neutral-dark-8);
      --beam-fg-neutral-disabled_subtle: var(--beam-neutral-dark-7);
      --beam-fg-on-neutral-solid: var(--beam-neutral-dark-1);
      --beam-fg-brand: var(--beam-accent-dark-11);
      --beam-background-overlay: var(--beam-overlay-scrim);
      --beam-background-surface: var(--beam-overlay-primary);
      --beam-background-panel: var(--beam-neutral-dark-1);
      --beam-background-brand-primary: var(--beam-background-brand-subtle);
      --beam-background-brand-secondary: var(--beam-background-brand-soft);
      --beam-background-brand-solid: var(--beam-accent-dark-9);
      --beam-background-brand-solid_hover: var(--beam-accent-dark-10);
      --beam-background-error-primary: var(--beam-status-error-dark-3);
      --beam-background-error-secondary: var(--beam-status-error-dark-4);
      --beam-background-error-solid: var(--beam-status-error-dark-9);
      --beam-background-error-solid_hover: var(--beam-status-error-dark-10);
      --beam-background-warning-primary: var(--beam-status-warning-dark-3);
      --beam-background-warning-secondary: var(--beam-status-warning-dark-4);
      --beam-background-warning-solid: var(--beam-status-warning-dark-9);
      --beam-background-success-primary: var(--beam-status-success-dark-3);
      --beam-background-success-secondary: var(--beam-status-success-dark-4);
      --beam-background-success-solid: var(--beam-status-success-dark-9);
      --beam-background-info-primary: var(--beam-status-info-dark-3);
      --beam-background-info-secondary: var(--beam-status-info-dark-4);
      --beam-background-info-solid: var(--beam-status-info-dark-9);
      --beam-background-neutral-primary: var(--beam-neutral-dark-1);
      --beam-background-neutral-primary_hover: var(--beam-neutral-dark-2);
      --beam-background-neutral-primary-solid: var(--beam-neutral-dark-12);
      --beam-background-neutral-secondary: var(--beam-neutral-dark-2);
      --beam-background-neutral-secondary_hover: var(--beam-neutral-dark-3);
      --beam-background-neutral-secondary-solid: var(--beam-neutral-dark-11);
      --beam-background-neutral-tertiary: var(--beam-neutral-dark-3);
      --beam-background-neutral-quaternary: var(--beam-neutral-dark-4);
      --beam-background-neutral-active: var(--beam-neutral-dark-3);
      --beam-background-neutral-disabled: var(--beam-neutral-dark-3);
      --beam-background-neutral-disabled_subtle: var(--beam-neutral-dark-2);
      --beam-background-brand-solid_active: var(--beam-accent-dark-8);
      --beam-background-error-solid_active: var(--beam-status-error-dark-11);
      --beam-background-info-solid_active: var(--beam-status-info-dark-11);
      --beam-background-info-solid_hover: var(--beam-status-info-dark-10);
      --beam-background-neutral-quaternary_hover: var(--beam-neutral-dark-5);
      --beam-background-neutral-tertiary_hover: var(--beam-neutral-dark-4);
      --beam-background-success-solid_active: var(--beam-status-success-dark-11);
      --beam-background-success-solid_hover: var(--beam-status-success-dark-10);
      --beam-background-warning-solid_active: var(--beam-status-warning-dark-11);
      --beam-background-warning-solid_hover: var(--beam-status-warning-dark-10);
      --beam-background-neutral-primary-solid_hover: var(--beam-neutral-dark-11);
      --beam-background-neutral-primary-solid_active: var(--beam-neutral-dark-10);
      --beam-background-brand-faint: var(--beam-accent-dark-2);
      --beam-background-brand-subtle: var(--beam-accent-dark-3);
      --beam-background-brand-soft: var(--beam-accent-dark-4);
      --beam-border-brand: var(--beam-accent-dark-8);
      --beam-border-brand_subtle: var(--beam-accent-dark-6);
      --beam-border-focus-ring: var(--beam-accent-dark-alpha-a5);
      --beam-border-error: var(--beam-status-error-dark-8);
      --beam-border-error_subtle: var(--beam-status-error-dark-6);
      --beam-border-warning: var(--beam-status-warning-dark-8);
      --beam-border-success: var(--beam-status-success-dark-8);
      --beam-border-info: var(--beam-status-info-dark-8);
      --beam-border-neutral-primary: var(--beam-neutral-dark-6);
      --beam-border-neutral-secondary: var(--beam-neutral-dark-5);
      --beam-border-neutral-tertiary: var(--beam-neutral-dark-4);
      --beam-border-neutral-disabled: var(--beam-neutral-dark-5);
      --beam-border-neutral-disabled_subtle: var(--beam-neutral-dark-4);
      --beam-border-neutral-separator: var(--beam-neutral-dark-6);
      --beam-surface-default: var(--beam-surface-primary);
      --beam-surface-raised: var(--beam-surface-secondary);
      --beam-surface-overlay: var(--beam-overlay-primary);
      --beam-surface-sunken: var(--beam-black-alpha-a6);
      --beam-surface-primary: var(--beam-neutral-dark-1);
      --beam-surface-secondary: var(--beam-neutral-dark-2);
      --beam-surface-tertiary: var(--beam-neutral-dark-3);
      --beam-effect-shadow-color: rgba(0, 0, 0, 0.251);
      --beam-effect-inner-shadow-color: rgba(252, 252, 253, 0.0196);
      --beam-effect-depth-dramatic: var(--beam-neutral-alpha-a7);
      --beam-effect-depth-none: rgba(0, 0, 0, 0);
      --beam-effect-depth-ring: var(--beam-neutral-dark-alpha-a3);
      --beam-effect-depth-soft: var(--beam-neutral-alpha-a5);
      --beam-effect-ring-brand: var(--beam-accent-dark-alpha-a5);
      --beam-effect-ring-error: var(--beam-status-error-dark-alpha-a5);
      --beam-effect-ring-info: var(--beam-status-info-dark-alpha-a5);
      --beam-effect-ring-success: var(--beam-status-success-dark-alpha-a5);
      --beam-effect-ring-warning: var(--beam-status-warning-dark-alpha-a5);
      --beam-effect-shadow-brand: var(--beam-accent-dark-alpha-a4);
      --beam-effect-shadow-error: var(--beam-status-error-dark-alpha-a4);
      --beam-effect-shadow-info: var(--beam-status-info-dark-alpha-a4);
      --beam-effect-shadow-success: var(--beam-status-success-dark-alpha-a4);
      --beam-effect-shadow-warning: var(--beam-status-warning-dark-alpha-a4);
      --beam-decorative-tomato-bg: var(--beam-tomato-dark-3);
      --beam-decorative-tomato-border: var(--beam-tomato-dark-7);
      --beam-decorative-tomato-solid: var(--beam-tomato-dark-9);
      --beam-decorative-tomato-text: var(--beam-tomato-dark-11);
      --beam-decorative-tomato-on-solid: #ffffff;
      --beam-decorative-red-bg: var(--beam-red-dark-3);
      --beam-decorative-red-border: var(--beam-red-dark-7);
      --beam-decorative-red-solid: var(--beam-red-dark-9);
      --beam-decorative-red-text: var(--beam-red-dark-11);
      --beam-decorative-red-on-solid: #ffffff;
      --beam-decorative-ruby-bg: var(--beam-ruby-dark-3);
      --beam-decorative-ruby-border: var(--beam-ruby-dark-7);
      --beam-decorative-ruby-solid: var(--beam-ruby-dark-9);
      --beam-decorative-ruby-text: var(--beam-ruby-dark-11);
      --beam-decorative-ruby-on-solid: #ffffff;
      --beam-decorative-crimson-bg: var(--beam-crimson-dark-3);
      --beam-decorative-crimson-border: var(--beam-crimson-dark-7);
      --beam-decorative-crimson-solid: var(--beam-crimson-dark-9);
      --beam-decorative-crimson-text: var(--beam-crimson-dark-11);
      --beam-decorative-crimson-on-solid: #ffffff;
      --beam-decorative-pink-bg: var(--beam-pink-dark-3);
      --beam-decorative-pink-border: var(--beam-pink-dark-7);
      --beam-decorative-pink-solid: var(--beam-pink-dark-9);
      --beam-decorative-pink-text: var(--beam-pink-dark-11);
      --beam-decorative-pink-on-solid: #ffffff;
      --beam-decorative-plum-bg: var(--beam-plum-dark-3);
      --beam-decorative-plum-border: var(--beam-plum-dark-7);
      --beam-decorative-plum-solid: var(--beam-plum-dark-9);
      --beam-decorative-plum-text: var(--beam-plum-dark-11);
      --beam-decorative-plum-on-solid: #ffffff;
      --beam-decorative-purple-bg: var(--beam-purple-dark-3);
      --beam-decorative-purple-border: var(--beam-purple-dark-7);
      --beam-decorative-purple-solid: var(--beam-purple-dark-9);
      --beam-decorative-purple-text: var(--beam-purple-dark-11);
      --beam-decorative-purple-on-solid: #ffffff;
      --beam-decorative-violet-bg: var(--beam-violet-dark-3);
      --beam-decorative-violet-border: var(--beam-violet-dark-7);
      --beam-decorative-violet-solid: var(--beam-violet-dark-9);
      --beam-decorative-violet-text: var(--beam-violet-dark-11);
      --beam-decorative-violet-on-solid: #ffffff;
      --beam-decorative-iris-bg: var(--beam-iris-dark-3);
      --beam-decorative-iris-border: var(--beam-iris-dark-7);
      --beam-decorative-iris-solid: var(--beam-iris-dark-9);
      --beam-decorative-iris-text: var(--beam-iris-dark-11);
      --beam-decorative-iris-on-solid: #ffffff;
      --beam-decorative-indigo-bg: var(--beam-indigo-dark-3);
      --beam-decorative-indigo-border: var(--beam-indigo-dark-7);
      --beam-decorative-indigo-solid: var(--beam-indigo-dark-9);
      --beam-decorative-indigo-text: var(--beam-indigo-dark-11);
      --beam-decorative-indigo-on-solid: #ffffff;
      --beam-decorative-blue-bg: var(--beam-blue-dark-3);
      --beam-decorative-blue-border: var(--beam-blue-dark-7);
      --beam-decorative-blue-solid: var(--beam-blue-dark-9);
      --beam-decorative-blue-text: var(--beam-blue-dark-11);
      --beam-decorative-blue-on-solid: #ffffff;
      --beam-decorative-cyan-bg: var(--beam-cyan-dark-3);
      --beam-decorative-cyan-border: var(--beam-cyan-dark-7);
      --beam-decorative-cyan-solid: var(--beam-cyan-dark-9);
      --beam-decorative-cyan-text: var(--beam-cyan-dark-11);
      --beam-decorative-cyan-on-solid: #ffffff;
      --beam-decorative-teal-bg: var(--beam-teal-dark-3);
      --beam-decorative-teal-border: var(--beam-teal-dark-7);
      --beam-decorative-teal-solid: var(--beam-teal-dark-9);
      --beam-decorative-teal-text: var(--beam-teal-dark-11);
      --beam-decorative-teal-on-solid: #ffffff;
      --beam-decorative-jade-bg: var(--beam-jade-dark-3);
      --beam-decorative-jade-border: var(--beam-jade-dark-7);
      --beam-decorative-jade-solid: var(--beam-jade-dark-9);
      --beam-decorative-jade-text: var(--beam-jade-dark-11);
      --beam-decorative-jade-on-solid: #ffffff;
      --beam-decorative-green-bg: var(--beam-green-dark-3);
      --beam-decorative-green-border: var(--beam-green-dark-7);
      --beam-decorative-green-solid: var(--beam-green-dark-9);
      --beam-decorative-green-text: var(--beam-green-dark-11);
      --beam-decorative-green-on-solid: #ffffff;
      --beam-decorative-grass-bg: var(--beam-grass-dark-3);
      --beam-decorative-grass-solid: var(--beam-grass-dark-9);
      --beam-decorative-grass-text: var(--beam-grass-dark-11);
      --beam-decorative-grass-on-solid: #ffffff;
      --beam-decorative-brown-bg: var(--beam-brown-dark-3);
      --beam-decorative-brown-border: var(--beam-brown-dark-7);
      --beam-decorative-brown-solid: var(--beam-brown-dark-9);
      --beam-decorative-brown-text: var(--beam-brown-dark-11);
      --beam-decorative-brown-on-solid: #ffffff;
      --beam-decorative-bronze-bg: var(--beam-bronze-dark-3);
      --beam-decorative-bronze-border: var(--beam-bronze-dark-7);
      --beam-decorative-bronze-solid: var(--beam-bronze-dark-9);
      --beam-decorative-bronze-text: var(--beam-bronze-dark-11);
      --beam-decorative-bronze-on-solid: #ffffff;
      --beam-decorative-gold-bg: var(--beam-gold-dark-3);
      --beam-decorative-gold-border: var(--beam-gold-dark-7);
      --beam-decorative-gold-solid: var(--beam-gold-dark-9);
      --beam-decorative-gold-text: var(--beam-gold-dark-11);
      --beam-decorative-gold-on-solid: #ffffff;
      --beam-decorative-sky-bg: var(--beam-sky-dark-3);
      --beam-decorative-sky-border: var(--beam-sky-dark-7);
      --beam-decorative-sky-solid: var(--beam-sky-dark-9);
      --beam-decorative-sky-text: var(--beam-sky-dark-11);
      --beam-decorative-sky-on-solid: var(--beam-sky-12);
      --beam-decorative-mint-bg: var(--beam-mint-dark-3);
      --beam-decorative-mint-border: var(--beam-mint-dark-7);
      --beam-decorative-mint-solid: var(--beam-mint-dark-9);
      --beam-decorative-mint-text: var(--beam-mint-dark-11);
      --beam-decorative-mint-on-solid: var(--beam-mint-12);
      --beam-decorative-lime-bg: var(--beam-lime-dark-3);
      --beam-decorative-lime-border: var(--beam-lime-dark-7);
      --beam-decorative-lime-solid: var(--beam-lime-dark-9);
      --beam-decorative-lime-text: var(--beam-lime-dark-11);
      --beam-decorative-lime-on-solid: var(--beam-lime-12);
      --beam-decorative-yellow-bg: var(--beam-yellow-dark-3);
      --beam-decorative-yellow-border: var(--beam-yellow-dark-7);
      --beam-decorative-yellow-solid: var(--beam-yellow-dark-9);
      --beam-decorative-yellow-text: var(--beam-yellow-dark-11);
      --beam-decorative-yellow-on-solid: var(--beam-yellow-12);
      --beam-decorative-amber-bg: var(--beam-amber-dark-3);
      --beam-decorative-amber-border: var(--beam-amber-dark-7);
      --beam-decorative-amber-solid: var(--beam-amber-dark-9);
      --beam-decorative-amber-text: var(--beam-amber-dark-11);
      --beam-decorative-amber-on-solid: var(--beam-amber-12);
      --beam-decorative-orange-bg: var(--beam-orange-dark-3);
      --beam-decorative-orange-border: var(--beam-orange-dark-7);
      --beam-decorative-orange-solid: var(--beam-orange-dark-9);
      --beam-decorative-orange-text: var(--beam-orange-dark-11);
      --beam-decorative-orange-on-solid: #ffffff;
      --beam-decorative-grass-border: var(--beam-grass-dark-7);
      --beam-decorative-rebecca-bg: var(--beam-rebecca-dark-3);
      --beam-decorative-rebecca-border: var(--beam-rebecca-dark-7);
      --beam-decorative-rebecca-solid: var(--beam-rebecca-dark-9);
      --beam-decorative-rebecca-text: var(--beam-rebecca-dark-11);
      --beam-decorative-rebecca-on-solid: #ffffff;
      --beam-gradient-tonal-rebecca-depth-stop-1: var(--beam-rebecca-dark-5);
      --beam-gradient-tonal-rebecca-depth-stop-2: var(--beam-rebecca-dark-10);
      --beam-gradient-tonal-rebecca-depth-angle: 135deg;
      --beam-gradient-tonal-iris-depth-stop-1: var(--beam-iris-dark-4);
      --beam-gradient-tonal-iris-depth-stop-2: var(--beam-iris-dark-10);
      --beam-gradient-tonal-iris-depth-angle: 135deg;
      --beam-gradient-tonal-teal-depth-stop-1: var(--beam-teal-dark-4);
      --beam-gradient-tonal-teal-depth-stop-2: var(--beam-teal-dark-10);
      --beam-gradient-tonal-teal-depth-angle: 135deg;
      --beam-gradient-tonal-amber-depth-stop-1: var(--beam-amber-dark-4);
      --beam-gradient-tonal-amber-depth-stop-2: var(--beam-amber-dark-10);
      --beam-gradient-tonal-amber-depth-angle: 135deg;
      --beam-gradient-tonal-slate-depth-stop-1: var(--beam-slate-dark-3);
      --beam-gradient-tonal-slate-depth-stop-2: var(--beam-slate-dark-8);
      --beam-gradient-tonal-slate-depth-angle: 135deg;
      --beam-gradient-analogous-violet-hour-stop-1: var(--beam-violet-dark-9);
      --beam-gradient-analogous-violet-hour-stop-2: var(--beam-iris-dark-9);
      --beam-gradient-analogous-violet-hour-angle: 120deg;
      --beam-gradient-analogous-deep-sea-stop-1: var(--beam-indigo-dark-9);
      --beam-gradient-analogous-deep-sea-stop-2: var(--beam-blue-dark-9);
      --beam-gradient-analogous-deep-sea-angle: 120deg;
      --beam-gradient-analogous-lagoon-stop-1: var(--beam-cyan-dark-9);
      --beam-gradient-analogous-lagoon-stop-2: var(--beam-teal-dark-9);
      --beam-gradient-analogous-lagoon-angle: 120deg;
      --beam-gradient-analogous-meadow-stop-1: var(--beam-jade-dark-9);
      --beam-gradient-analogous-meadow-stop-2: var(--beam-grass-dark-9);
      --beam-gradient-analogous-meadow-angle: 120deg;
      --beam-gradient-analogous-rosebud-stop-1: var(--beam-crimson-dark-9);
      --beam-gradient-analogous-rosebud-stop-2: var(--beam-pink-dark-9);
      --beam-gradient-analogous-rosebud-angle: 120deg;
      --beam-gradient-analogous-ember-stop-1: var(--beam-amber-dark-9);
      --beam-gradient-analogous-ember-stop-2: var(--beam-orange-dark-9);
      --beam-gradient-analogous-ember-angle: 120deg;
      --beam-gradient-signature-twilight-stop-1: var(--beam-rebecca-dark-9);
      --beam-gradient-signature-twilight-stop-2: var(--beam-iris-dark-9);
      --beam-gradient-signature-twilight-angle: 135deg;
      --beam-gradient-signature-flare-stop-1: var(--beam-rebecca-dark-9);
      --beam-gradient-signature-flare-stop-2: var(--beam-crimson-dark-9);
      --beam-gradient-signature-flare-angle: 135deg;
      --beam-gradient-signature-abyss-stop-1: var(--beam-rebecca-dark-11);
      --beam-gradient-signature-abyss-stop-2: var(--beam-indigo-dark-11);
      --beam-gradient-signature-abyss-angle: 135deg;
      --beam-gradient-signature-dawn-stop-1: var(--beam-rebecca-dark-8);
      --beam-gradient-signature-dawn-stop-2: var(--beam-orange-dark-8);
      --beam-gradient-signature-dawn-angle: 135deg;
      --beam-gradient-wash-petal-stop-1: var(--beam-iris-dark-3);
      --beam-gradient-wash-petal-stop-2: var(--beam-pink-dark-3);
      --beam-gradient-wash-petal-angle: 160deg;
      --beam-gradient-wash-coast-stop-1: var(--beam-sky-dark-3);
      --beam-gradient-wash-coast-stop-2: var(--beam-mint-dark-3);
      --beam-gradient-wash-coast-angle: 160deg;
      --beam-gradient-wash-sunset-stop-1: var(--beam-amber-dark-3);
      --beam-gradient-wash-sunset-stop-2: var(--beam-tomato-dark-3);
      --beam-gradient-wash-sunset-angle: 160deg;
      --beam-gradient-wash-orchid-stop-1: var(--beam-rebecca-dark-3);
      --beam-gradient-wash-orchid-stop-2: var(--beam-plum-dark-3);
      --beam-gradient-wash-orchid-angle: 160deg;
      --beam-gradient-tri-stop-sunset-run-stop-1: var(--beam-rebecca-dark-9);
      --beam-gradient-tri-stop-sunset-run-stop-2: var(--beam-crimson-dark-9);
      --beam-gradient-tri-stop-sunset-run-stop-3: var(--beam-amber-dark-9);
      --beam-gradient-tri-stop-sunset-run-angle: 110deg;
      --beam-gradient-tri-stop-ocean-run-stop-1: var(--beam-indigo-dark-9);
      --beam-gradient-tri-stop-ocean-run-stop-2: var(--beam-cyan-dark-9);
      --beam-gradient-tri-stop-ocean-run-stop-3: var(--beam-mint-dark-9);
      --beam-gradient-tri-stop-ocean-run-angle: 110deg;
      --beam-gradient-tri-stop-aurora-run-stop-1: var(--beam-teal-dark-9);
      --beam-gradient-tri-stop-aurora-run-stop-2: var(--beam-iris-dark-9);
      --beam-gradient-tri-stop-aurora-run-stop-3: var(--beam-pink-dark-9);
      --beam-gradient-tri-stop-aurora-run-angle: 110deg;
      --beam-overlay-primary: var(--beam-neutral-dark-2);
      --beam-overlay-scrim: var(--beam-black-alpha-a9);
      --beam-overlay-secondary: var(--beam-neutral-dark-3);
      --beam-overlay-tertiary: var(--beam-neutral-dark-4);
    }
  }

  /* ── 13. Localization — copy strings ─────────────────────── */
  /* :root = EN. Others via [data-locale="<mode>"] */
  :root {
    --beam-copy-label: "Grow on your terms";
    --beam-copy-display: "The modern capital platform For growth on your terms";
    --beam-copy-body: "We're eliminating the friction and bias of traditional financing, connecting business builders to quick, easy capital, and helping small to mid-size businesses build something bigger.";
    --beam-copy-cta: "Unlock Capital";
    --beam-copy-tag1: "Click, connect, and unlock capital";
    --beam-copy-tag2: "One flat fee, paid over time";
    --beam-copy-tag3: "Automatic payments that flex with sales";
    --beam-copy-tag4: "Frictionless payouts in just days";
  }
  [data-locale="jp"] {
    --beam-copy-label: "自分のペースで成長";
    --beam-copy-display: "成長のためのモダンな資本プラットフォーム";
    --beam-copy-body: "私たちは、従来のファイナンスの摩擦とバイアスを排除し、ビジネスビルダーを迅速かつ簡単な資本と結びつけ、中小企業がより大きなものを構築するのを支援しています。";
    --beam-copy-cta: "資本を解き放つ";
    --beam-copy-tag1: "クリック、接続、資本を解き放つ";
    --beam-copy-tag2: "一度払い、分割返済";
    --beam-copy-tag3: "売上と連動する自動支払い";
    --beam-copy-tag4: "スムーズな支払いを数日で";
  }
  /* ── 11. Depth — composed box-shadow tokens ─────────────────────── */
  /* :root = Soft. Public: --beam-depth-low|mid|high (ring included)|ring, --beam-depth-inset-low|mid, --beam-depth-<level>-<around|up|start|end> (projection; plain depth-<level> = down), --beam-ring-*, --beam-glow-*; per-layer parts are private */
  :root {
    --beam-shadow-o1-color: var(--beam-effect-depth-soft);
    --beam-shadow-o2-color: var(--beam-effect-depth-soft);
    --beam-shadow-o3-color: var(--beam-effect-depth-soft);
    --beam-shadow-o4-color: var(--beam-effect-depth-soft);
    --beam-shadow-o5-color: var(--beam-effect-depth-soft);
    --beam-shadow-o6-color: var(--beam-effect-depth-soft);
    --beam-shadow-ring-color: var(--beam-effect-depth-ring);
  }
  [data-depth="soft"] {
    --beam-shadow-o1-color: var(--beam-effect-depth-soft);
    --beam-shadow-o2-color: var(--beam-effect-depth-soft);
    --beam-shadow-o3-color: var(--beam-effect-depth-soft);
    --beam-shadow-o4-color: var(--beam-effect-depth-soft);
    --beam-shadow-o5-color: var(--beam-effect-depth-soft);
    --beam-shadow-o6-color: var(--beam-effect-depth-soft);
    --beam-shadow-ring-color: var(--beam-effect-depth-ring);
  }
  [data-depth="flat"] {
    --beam-shadow-o1-color: var(--beam-effect-depth-none);
    --beam-shadow-o2-color: var(--beam-effect-depth-none);
    --beam-shadow-o3-color: var(--beam-effect-depth-none);
    --beam-shadow-o4-color: var(--beam-effect-depth-none);
    --beam-shadow-o5-color: var(--beam-effect-depth-none);
    --beam-shadow-o6-color: var(--beam-effect-depth-none);
    --beam-shadow-ring-color: var(--beam-effect-depth-ring);
  }
  [data-depth="dramatic"] {
    --beam-shadow-o1-color: var(--beam-effect-depth-dramatic);
    --beam-shadow-o2-color: var(--beam-effect-depth-dramatic);
    --beam-shadow-o3-color: var(--beam-effect-depth-dramatic);
    --beam-shadow-o4-color: var(--beam-effect-depth-dramatic);
    --beam-shadow-o5-color: var(--beam-effect-depth-dramatic);
    --beam-shadow-o6-color: var(--beam-effect-depth-dramatic);
    --beam-shadow-ring-color: var(--beam-effect-depth-ring);
  }
  :root {
    --beam-depth-low: 0 3px 3px -1.5px var(--beam-shadow-o2-color), 0 1px 1px -0.5px var(--beam-shadow-o1-color), 0 0 0 1px var(--beam-shadow-ring-color);
    --beam-depth-mid: 0 12px 12px -6px var(--beam-shadow-o4-color), 0 6px 6px -3px var(--beam-shadow-o3-color), 0 3px 3px -1.5px var(--beam-shadow-o2-color), 0 1px 1px -0.5px var(--beam-shadow-o1-color), 0 0 0 1px var(--beam-shadow-ring-color);
    --beam-depth-high: 0 48px 48px -24px var(--beam-shadow-o6-color), 0 24px 24px -12px var(--beam-shadow-o5-color), 0 12px 12px -6px var(--beam-shadow-o4-color), 0 6px 6px -3px var(--beam-shadow-o3-color), 0 3px 3px -1.5px var(--beam-shadow-o2-color), 0 1px 1px -0.5px var(--beam-shadow-o1-color), 0 0 0 1px var(--beam-shadow-ring-color);
    --beam-depth-inset-low: inset 0 1px 1px 0 var(--beam-shadow-o1-color), inset 0 0 0 1px var(--beam-shadow-ring-color);
    --beam-depth-inset-mid: inset 0 3px 3px 0 var(--beam-shadow-o2-color), inset 0 1px 1px 0 var(--beam-shadow-o1-color), inset 0 0 0 1px var(--beam-shadow-ring-color);
    --beam-depth-low-around: 0 0 3px 0 var(--beam-shadow-o2-color), 0 0 1px 0 var(--beam-shadow-o1-color), 0 0 0 1px var(--beam-shadow-ring-color);
    --beam-depth-low-up: 0 -3px 3px -1.5px var(--beam-shadow-o2-color), 0 -1px 1px -0.5px var(--beam-shadow-o1-color), 0 0 0 1px var(--beam-shadow-ring-color);
    --beam-depth-low-start: -3px 0 3px -1.5px var(--beam-shadow-o2-color), -1px 0 1px -0.5px var(--beam-shadow-o1-color), 0 0 0 1px var(--beam-shadow-ring-color);
    --beam-depth-low-end: 3px 0 3px -1.5px var(--beam-shadow-o2-color), 1px 0 1px -0.5px var(--beam-shadow-o1-color), 0 0 0 1px var(--beam-shadow-ring-color);
    --beam-depth-mid-around: 0 3px 12px -1.5px var(--beam-shadow-o4-color), 0 1px 6px -0.5px var(--beam-shadow-o3-color), 0 0 3px 0 var(--beam-shadow-o2-color), 0 0 1px 0 var(--beam-shadow-o1-color), 0 0 0 1px var(--beam-shadow-ring-color);
    --beam-depth-mid-up: 0 -12px 12px -6px var(--beam-shadow-o4-color), 0 -6px 6px -3px var(--beam-shadow-o3-color), 0 -3px 3px -1.5px var(--beam-shadow-o2-color), 0 -1px 1px -0.5px var(--beam-shadow-o1-color), 0 0 0 1px var(--beam-shadow-ring-color);
    --beam-depth-mid-start: -12px 0 12px -6px var(--beam-shadow-o4-color), -6px 0 6px -3px var(--beam-shadow-o3-color), -3px 0 3px -1.5px var(--beam-shadow-o2-color), -1px 0 1px -0.5px var(--beam-shadow-o1-color), 0 0 0 1px var(--beam-shadow-ring-color);
    --beam-depth-mid-end: 12px 0 12px -6px var(--beam-shadow-o4-color), 6px 0 6px -3px var(--beam-shadow-o3-color), 3px 0 3px -1.5px var(--beam-shadow-o2-color), 1px 0 1px -0.5px var(--beam-shadow-o1-color), 0 0 0 1px var(--beam-shadow-ring-color);
    --beam-depth-high-around: 0 12px 48px -6px var(--beam-shadow-o6-color), 0 6px 24px -3px var(--beam-shadow-o5-color), 0 3px 12px -1.5px var(--beam-shadow-o4-color), 0 1px 6px -0.5px var(--beam-shadow-o3-color), 0 0 3px 0 var(--beam-shadow-o2-color), 0 0 1px 0 var(--beam-shadow-o1-color), 0 0 0 1px var(--beam-shadow-ring-color);
    --beam-depth-high-up: 0 -48px 48px -24px var(--beam-shadow-o6-color), 0 -24px 24px -12px var(--beam-shadow-o5-color), 0 -12px 12px -6px var(--beam-shadow-o4-color), 0 -6px 6px -3px var(--beam-shadow-o3-color), 0 -3px 3px -1.5px var(--beam-shadow-o2-color), 0 -1px 1px -0.5px var(--beam-shadow-o1-color), 0 0 0 1px var(--beam-shadow-ring-color);
    --beam-depth-high-start: -48px 0 48px -24px var(--beam-shadow-o6-color), -24px 0 24px -12px var(--beam-shadow-o5-color), -12px 0 12px -6px var(--beam-shadow-o4-color), -6px 0 6px -3px var(--beam-shadow-o3-color), -3px 0 3px -1.5px var(--beam-shadow-o2-color), -1px 0 1px -0.5px var(--beam-shadow-o1-color), 0 0 0 1px var(--beam-shadow-ring-color);
    --beam-depth-high-end: 48px 0 48px -24px var(--beam-shadow-o6-color), 24px 0 24px -12px var(--beam-shadow-o5-color), 12px 0 12px -6px var(--beam-shadow-o4-color), 6px 0 6px -3px var(--beam-shadow-o3-color), 3px 0 3px -1.5px var(--beam-shadow-o2-color), 1px 0 1px -0.5px var(--beam-shadow-o1-color), 0 0 0 1px var(--beam-shadow-ring-color);
    --beam-depth-ring: 0 0 0 1px var(--beam-shadow-ring-color);
    --beam-ring-width: 1px;
    --beam-ring-brand: 0 0 0 var(--beam-ring-width) var(--beam-effect-ring-brand);
    --beam-ring-error: 0 0 0 var(--beam-ring-width) var(--beam-effect-ring-error);
    --beam-ring-warning: 0 0 0 var(--beam-ring-width) var(--beam-effect-ring-warning);
    --beam-ring-success: 0 0 0 var(--beam-ring-width) var(--beam-effect-ring-success);
    --beam-ring-info: 0 0 0 var(--beam-ring-width) var(--beam-effect-ring-info);
    --beam-glow-brand: 0 6px 6px -3px var(--beam-effect-shadow-brand);
    --beam-glow-error: 0 6px 6px -3px var(--beam-effect-shadow-error);
    --beam-glow-warning: 0 6px 6px -3px var(--beam-effect-shadow-warning);
    --beam-glow-success: 0 6px 6px -3px var(--beam-effect-shadow-success);
    --beam-glow-info: 0 6px 6px -3px var(--beam-effect-shadow-info);
  }
  [dir="rtl"] {
    --beam-depth-low-start: 3px 0 3px -1.5px var(--beam-shadow-o2-color), 1px 0 1px -0.5px var(--beam-shadow-o1-color), 0 0 0 1px var(--beam-shadow-ring-color);
    --beam-depth-low-end: -3px 0 3px -1.5px var(--beam-shadow-o2-color), -1px 0 1px -0.5px var(--beam-shadow-o1-color), 0 0 0 1px var(--beam-shadow-ring-color);
    --beam-depth-mid-start: 12px 0 12px -6px var(--beam-shadow-o4-color), 6px 0 6px -3px var(--beam-shadow-o3-color), 3px 0 3px -1.5px var(--beam-shadow-o2-color), 1px 0 1px -0.5px var(--beam-shadow-o1-color), 0 0 0 1px var(--beam-shadow-ring-color);
    --beam-depth-mid-end: -12px 0 12px -6px var(--beam-shadow-o4-color), -6px 0 6px -3px var(--beam-shadow-o3-color), -3px 0 3px -1.5px var(--beam-shadow-o2-color), -1px 0 1px -0.5px var(--beam-shadow-o1-color), 0 0 0 1px var(--beam-shadow-ring-color);
    --beam-depth-high-start: 48px 0 48px -24px var(--beam-shadow-o6-color), 24px 0 24px -12px var(--beam-shadow-o5-color), 12px 0 12px -6px var(--beam-shadow-o4-color), 6px 0 6px -3px var(--beam-shadow-o3-color), 3px 0 3px -1.5px var(--beam-shadow-o2-color), 1px 0 1px -0.5px var(--beam-shadow-o1-color), 0 0 0 1px var(--beam-shadow-ring-color);
    --beam-depth-high-end: -48px 0 48px -24px var(--beam-shadow-o6-color), -24px 0 24px -12px var(--beam-shadow-o5-color), -12px 0 12px -6px var(--beam-shadow-o4-color), -6px 0 6px -3px var(--beam-shadow-o3-color), -3px 0 3px -1.5px var(--beam-shadow-o2-color), -1px 0 1px -0.5px var(--beam-shadow-o1-color), 0 0 0 1px var(--beam-shadow-ring-color);
  }

}

@layer beam.foundations {
  /* ── Foundations — global styles (CUBE "global"). Hand-authored source; the generator
     verifies every --beam-* reference exists before bundling. ─────────────────────── */

  *, *::before, *::after { box-sizing: border-box; }

  :root {
    color-scheme: light;
    -webkit-text-size-adjust: 100%;
    text-size-adjust: 100%;
  }
  [data-theme="dark"] { color-scheme: dark; }
  @media (prefers-color-scheme: dark) {
    :root:not([data-theme="light"]) { color-scheme: dark; }
  }

  html {
    font: var(--beam-type-body);
    letter-spacing: var(--beam-type-body-tracking);
    color: var(--beam-text-neutral-primary);
    background: var(--beam-surface-default);
    -webkit-font-smoothing: antialiased;
  }

  body { margin: 0; min-height: 100dvh; }

  /* Type roles map 1:1 to headings; everything else opts in with .u-type-* utilities */
  h1, h2, h3, h4, h5, h6 { margin: 0; text-wrap: balance; }
  h1 { font: var(--beam-type-h1); letter-spacing: var(--beam-type-h1-tracking); }
  h2 { font: var(--beam-type-h2); letter-spacing: var(--beam-type-h2-tracking); }
  h3 { font: var(--beam-type-h3); letter-spacing: var(--beam-type-h3-tracking); }
  h4 { font: var(--beam-type-h4); letter-spacing: var(--beam-type-h4-tracking); }
  h5 { font: var(--beam-type-h5); letter-spacing: var(--beam-type-h5-tracking); }
  h6 { font: var(--beam-type-h6); letter-spacing: var(--beam-type-h6-tracking); }

  p, ul, ol, dl, blockquote, pre, figure { margin: 0; }
  p { text-wrap: pretty; max-inline-size: var(--measure, var(--beam-paragraph-max-width)); }

  a { color: var(--beam-text-brand); text-underline-offset: 0.15em; }
  a:hover { color: var(--beam-text-brand-secondary); }

  small { font: var(--beam-type-body-sm); }
  code, kbd, samp, pre { font: var(--beam-type-code); font-family: var(--beam-font-family-mono); }

  img, picture, video, canvas, svg { display: block; max-inline-size: 100%; }
  img, video { block-size: auto; }

  button, input, select, textarea { font: inherit; color: inherit; }

  hr { border: 0; border-block-start: 1px solid var(--beam-border-neutral-separator); margin: 0; }

  ::placeholder { color: var(--beam-text-neutral-placeholder); }
  ::selection { background: var(--beam-background-brand-soft); color: var(--beam-text-neutral-primary); }

  :focus-visible {
    outline: none;
    box-shadow: var(--beam-ring-brand);
    border-radius: var(--beam-radius-crisp);
  }

  [hidden] { display: none !important; }
}

@layer beam.compositions {
  /* ── Compositions — the CUBE "C" layer and Beam's grid system.
     Hand-authored source. Class names carry the b- (Beam) namespace. Every spacing value reads a Density token, so switching
     data-density re-flows every composition on the page. `768px`-style placeholders
     are filled by the generator from the 12. Viewport collection (custom properties
     cannot drive @media). ─────────────────────────────────────────────────────────── */

  /* Opt-in container-query root. Put it on any element whose children should respond
     to *its* width rather than the viewport's. */
  [data-container] { container-type: inline-size; }

  /* ── Flow / Stack ─ vertical rhythm between siblings ─────────────────────────────── */
  .b-flow > * + *,
  .b-stack > * + * { margin-block-start: var(--flow-space, var(--beam-stack-md)); }
  .b-flow[data-space="xs"],  .b-stack[data-space="xs"]  { --flow-space: var(--beam-stack-xs); }
  .b-flow[data-space="sm"],  .b-stack[data-space="sm"]  { --flow-space: var(--beam-stack-sm); }
  .b-flow[data-space="lg"],  .b-stack[data-space="lg"]  { --flow-space: var(--beam-stack-lg); }
  .b-flow[data-space="xl"],  .b-stack[data-space="xl"]  { --flow-space: var(--beam-stack-xl); }
  .b-flow[data-space="2xl"], .b-stack[data-space="2xl"] { --flow-space: var(--beam-stack-2xl); }
  /* Push everything after this child to the end (e.g. footer in a card) */
  .b-stack > [data-split-after] { margin-block-end: auto; }

  /* ── Cluster ─ inline groups that wrap (tags, toolbars, button rows) ────────────── */
  .b-cluster {
    display: flex;
    flex-wrap: wrap;
    gap: var(--cluster-gap, var(--beam-inline-md));
    justify-content: var(--cluster-justify, flex-start);
    align-items: var(--cluster-align, center);
  }
  .b-cluster[data-gap="xs"] { --cluster-gap: var(--beam-inline-xs); }
  .b-cluster[data-gap="sm"] { --cluster-gap: var(--beam-inline-sm); }
  .b-cluster[data-gap="lg"] { --cluster-gap: var(--beam-inline-lg); }
  .b-cluster[data-justify="end"]     { --cluster-justify: flex-end; }
  .b-cluster[data-justify="center"]  { --cluster-justify: center; }
  .b-cluster[data-justify="between"] { --cluster-justify: space-between; }
  .b-cluster[data-align="start"]     { --cluster-align: flex-start; }
  .b-cluster[data-align="stretch"]   { --cluster-align: stretch; }

  /* Repel: two groups pushed to opposite ends, wrapping gracefully */
  .b-repel {
    display: flex;
    flex-wrap: wrap;
    gap: var(--repel-gap, var(--beam-inline-md));
    justify-content: space-between;
    align-items: var(--repel-align, center);
  }

  /* ── Sidebar ─ fixed-ish aside + fluid main; stacks when the main gets too narrow ── */
  .b-sidebar {
    display: flex;
    flex-wrap: wrap;
    gap: var(--sidebar-gap, var(--beam-gutter-md));
  }
  .b-sidebar > :first-child {
    flex-basis: var(--sidebar-width, 20rem);
    flex-grow: 1;
  }
  .b-sidebar > :last-child {
    flex-basis: 0;
    flex-grow: 999;
    min-inline-size: var(--sidebar-content-min, 50%);
  }
  /* data-side="right": main first in source, aside last and on the right. Sizing swaps; no row-reverse
     (row-reverse put the aside on the LEFT when combined with the swapped sizing). */
  .b-sidebar[data-side="right"] > :first-child { flex-basis: 0; flex-grow: 999; min-inline-size: var(--sidebar-content-min, 50%); }
  .b-sidebar[data-side="right"] > :last-child  { flex-basis: var(--sidebar-width, 20rem); flex-grow: 1; min-inline-size: 0; }

  /* ── Switcher ─ side-by-side above a threshold, stacked below; no media query ────── */
  .b-switcher {
    display: flex;
    flex-wrap: wrap;
    gap: var(--switcher-gap, var(--beam-gutter-md));
    --threshold: var(--beam-threshold);
  }
  .b-switcher > * {
    flex-grow: 1;
    flex-basis: calc((var(--threshold) - 100%) * 999);
  }
  /* Past the limit, force a wrap so rows never get too crowded (default 4 per row) */
  .b-switcher > :nth-last-child(n + 5),
  .b-switcher > :nth-last-child(n + 5) ~ * { flex-basis: 100%; }
  .b-switcher[data-limit="2"] > :nth-last-child(n + 3), .b-switcher[data-limit="2"] > :nth-last-child(n + 3) ~ * { flex-basis: 100%; }
  .b-switcher[data-limit="3"] > :nth-last-child(n + 4), .b-switcher[data-limit="3"] > :nth-last-child(n + 4) ~ * { flex-basis: 100%; }

  /* ── Grid ─ intrinsic auto-fit grid; cards, tiles, galleries ───────────────────── */
  .b-grid {
    display: grid;
    gap: var(--grid-gap, var(--beam-gutter-md));
    grid-template-columns: repeat(auto-fit, minmax(min(var(--grid-min, 16rem), 100%), 1fr));
  }
  .b-grid[data-min="xs"] { --grid-min: 10rem; }
  .b-grid[data-min="sm"] { --grid-min: 13rem; }
  .b-grid[data-min="lg"] { --grid-min: 20rem; }
  .b-grid[data-min="xl"] { --grid-min: 26rem; }
  .b-grid[data-gap="sm"] { --grid-gap: var(--beam-gutter-sm); }
  .b-grid[data-gap="lg"] { --grid-gap: var(--beam-gutter-lg); }

  /* ── Layout grid ─ explicit column grid for page structure (default 12) ─────────── */
  .b-layout-grid {
    display: grid;
    gap: var(--layout-gap, var(--beam-gutter-md));
    grid-template-columns: repeat(var(--cols, 12), minmax(0, 1fr));
  }
  .b-layout-grid[data-cols="4"]  { --cols: 4; }
  .b-layout-grid[data-cols="6"]  { --cols: 6; }
  .b-layout-grid[data-cols="8"]  { --cols: 8; }
  .b-layout-grid[data-cols="16"] { --cols: 16; }
  .b-layout-grid[data-gap="sm"]  { --layout-gap: var(--beam-gutter-sm); }
  .b-layout-grid[data-gap="lg"]  { --layout-gap: var(--beam-gutter-lg); }

  /* Nested alignment: a child that becomes a subgrid of its parent's tracks */
  .b-layout-grid > .b-subgrid {
    display: grid;
    grid-template-columns: subgrid;
    gap: inherit;
  }

  /* Spans — mobile-first. Below the md breakpoint every item is full-width unless it
     has a data-span-sm; data-span applies from md up; data-span-lg from lg up. */
  :is(.b-layout-grid, .b-subgrid) > * { grid-column: 1 / -1; }
  /* below md: data-span-sm only */
  :is(.b-layout-grid, .b-subgrid) > [data-span-sm="1"] { grid-column: span 1; }
  :is(.b-layout-grid, .b-subgrid) > [data-span-sm="2"] { grid-column: span 2; }
  :is(.b-layout-grid, .b-subgrid) > [data-span-sm="3"] { grid-column: span 3; }
  :is(.b-layout-grid, .b-subgrid) > [data-span-sm="4"] { grid-column: span 4; }
  :is(.b-layout-grid, .b-subgrid) > [data-span-sm="5"] { grid-column: span 5; }
  :is(.b-layout-grid, .b-subgrid) > [data-span-sm="6"] { grid-column: span 6; }
  :is(.b-layout-grid, .b-subgrid) > [data-span-sm="7"] { grid-column: span 7; }
  :is(.b-layout-grid, .b-subgrid) > [data-span-sm="8"] { grid-column: span 8; }
  :is(.b-layout-grid, .b-subgrid) > [data-span-sm="9"] { grid-column: span 9; }
  :is(.b-layout-grid, .b-subgrid) > [data-span-sm="10"] { grid-column: span 10; }
  :is(.b-layout-grid, .b-subgrid) > [data-span-sm="11"] { grid-column: span 11; }
  :is(.b-layout-grid, .b-subgrid) > [data-span-sm="12"] { grid-column: span 12; }
  :is(.b-layout-grid, .b-subgrid) > [data-span-sm="full"] { grid-column: 1 / -1; }
  @media (min-width: 768px) {
    :is(.b-layout-grid, .b-subgrid) > [data-span="1"] { grid-column: span 1; }
    :is(.b-layout-grid, .b-subgrid) > [data-span="2"] { grid-column: span 2; }
    :is(.b-layout-grid, .b-subgrid) > [data-span="3"] { grid-column: span 3; }
    :is(.b-layout-grid, .b-subgrid) > [data-span="4"] { grid-column: span 4; }
    :is(.b-layout-grid, .b-subgrid) > [data-span="5"] { grid-column: span 5; }
    :is(.b-layout-grid, .b-subgrid) > [data-span="6"] { grid-column: span 6; }
    :is(.b-layout-grid, .b-subgrid) > [data-span="7"] { grid-column: span 7; }
    :is(.b-layout-grid, .b-subgrid) > [data-span="8"] { grid-column: span 8; }
    :is(.b-layout-grid, .b-subgrid) > [data-span="9"] { grid-column: span 9; }
    :is(.b-layout-grid, .b-subgrid) > [data-span="10"] { grid-column: span 10; }
    :is(.b-layout-grid, .b-subgrid) > [data-span="11"] { grid-column: span 11; }
    :is(.b-layout-grid, .b-subgrid) > [data-span="12"] { grid-column: span 12; }
    :is(.b-layout-grid, .b-subgrid) > [data-span="full"] { grid-column: 1 / -1; }
    :is(.b-layout-grid, .b-subgrid) > [data-start="1"] { grid-column-start: 1; }
    :is(.b-layout-grid, .b-subgrid) > [data-start="2"] { grid-column-start: 2; }
    :is(.b-layout-grid, .b-subgrid) > [data-start="3"] { grid-column-start: 3; }
    :is(.b-layout-grid, .b-subgrid) > [data-start="4"] { grid-column-start: 4; }
    :is(.b-layout-grid, .b-subgrid) > [data-start="5"] { grid-column-start: 5; }
    :is(.b-layout-grid, .b-subgrid) > [data-start="6"] { grid-column-start: 6; }
    :is(.b-layout-grid, .b-subgrid) > [data-start="7"] { grid-column-start: 7; }
    :is(.b-layout-grid, .b-subgrid) > [data-start="8"] { grid-column-start: 8; }
    :is(.b-layout-grid, .b-subgrid) > [data-start="9"] { grid-column-start: 9; }
    :is(.b-layout-grid, .b-subgrid) > [data-start="10"] { grid-column-start: 10; }
    :is(.b-layout-grid, .b-subgrid) > [data-start="11"] { grid-column-start: 11; }
    :is(.b-layout-grid, .b-subgrid) > [data-start="12"] { grid-column-start: 12; }
  }
  @media (min-width: 1024px) {
    :is(.b-layout-grid, .b-subgrid) > [data-span-lg="1"] { grid-column: span 1; }
    :is(.b-layout-grid, .b-subgrid) > [data-span-lg="2"] { grid-column: span 2; }
    :is(.b-layout-grid, .b-subgrid) > [data-span-lg="3"] { grid-column: span 3; }
    :is(.b-layout-grid, .b-subgrid) > [data-span-lg="4"] { grid-column: span 4; }
    :is(.b-layout-grid, .b-subgrid) > [data-span-lg="5"] { grid-column: span 5; }
    :is(.b-layout-grid, .b-subgrid) > [data-span-lg="6"] { grid-column: span 6; }
    :is(.b-layout-grid, .b-subgrid) > [data-span-lg="7"] { grid-column: span 7; }
    :is(.b-layout-grid, .b-subgrid) > [data-span-lg="8"] { grid-column: span 8; }
    :is(.b-layout-grid, .b-subgrid) > [data-span-lg="9"] { grid-column: span 9; }
    :is(.b-layout-grid, .b-subgrid) > [data-span-lg="10"] { grid-column: span 10; }
    :is(.b-layout-grid, .b-subgrid) > [data-span-lg="11"] { grid-column: span 11; }
    :is(.b-layout-grid, .b-subgrid) > [data-span-lg="12"] { grid-column: span 12; }
    :is(.b-layout-grid, .b-subgrid) > [data-span-lg="full"] { grid-column: 1 / -1; }
  }

  /* ── App shell ─ header / nav / main / aside / footer with named areas ─────────── */
  .b-app-shell {
    display: grid;
    min-height: 100dvh;
    grid-template-columns: 1fr;
    grid-template-rows: auto 1fr auto;
    grid-template-areas:
      "header"
      "main"
      "footer";
    --nav-width: 16rem;
    --aside-width: 20rem;
  }
  .b-app-shell > [data-area="header"] { grid-area: header; }
  .b-app-shell > [data-area="nav"]    { grid-area: nav; }
  .b-app-shell > [data-area="main"]   { grid-area: main; min-inline-size: 0; }
  .b-app-shell > [data-area="aside"]  { grid-area: aside; }
  .b-app-shell > [data-area="footer"] { grid-area: footer; }
  .b-app-shell > [data-area="nav"],
  .b-app-shell > [data-area="aside"] { display: none; }

  @media (min-width: 768px) {
    .b-app-shell {
      grid-template-columns: var(--nav-width) 1fr;
      grid-template-areas:
        "header header"
        "nav    main"
        "footer footer";
    }
    .b-app-shell > [data-area="nav"] { display: block; }
  }
  @media (min-width: 1024px) {
    .b-app-shell[data-aside] {
      grid-template-columns: var(--nav-width) 1fr var(--aside-width);
      grid-template-areas:
        "header header header"
        "nav    main   aside"
        "footer footer footer";
    }
    .b-app-shell[data-aside] > [data-area="aside"] { display: block; }
  }

  /* ── Cover ─ full-height block with a vertically centred principal child ───────── */
  .b-cover {
    display: flex;
    flex-direction: column;
    min-block-size: var(--cover-height, 100dvh);
    padding: var(--cover-padding, var(--beam-inset-lg));
  }
  .b-cover > * { margin-block: var(--beam-stack-md); }
  .b-cover > [data-cover="center"] { margin-block: auto; }
  .b-cover > :first-child:not([data-cover="center"]) { margin-block-start: 0; }
  .b-cover > :last-child:not([data-cover="center"])  { margin-block-end: 0; }

  /* ── Center / Wrapper / Region ─ page-level measure, width and vertical rhythm ──── */
  .b-center {
    box-sizing: content-box;
    max-inline-size: var(--measure, var(--beam-paragraph-max-width));
    margin-inline: auto;
  }
  .b-center[data-text="center"] { text-align: center; }

  .b-wrapper {
    max-inline-size: var(--wrapper-max, var(--beam-container-max-width));
    margin-inline: auto;
    padding-inline: var(--beam-container-padding);
  }
  .b-wrapper[data-max="sm"] { --wrapper-max: var(--beam-width-xl); }
  .b-wrapper[data-max="md"] { --wrapper-max: var(--beam-width-2xl); }
  .b-wrapper[data-max="xl"] { --wrapper-max: var(--beam-width-4xl); }
  .b-wrapper[data-max="full"] { --wrapper-max: none; }

  .b-region { padding-block: var(--region-space, var(--beam-region-md)); }
  .b-region[data-space="xs"] { --region-space: var(--beam-region-xs); }
  .b-region[data-space="sm"] { --region-space: var(--beam-region-sm); }
  .b-region[data-space="lg"] { --region-space: var(--beam-region-lg); }
  .b-region[data-space="xl"] { --region-space: var(--beam-region-xl); }

  /* ── Reel ─ horizontal scroller with snap ──────────────────────────────────────── */
  .b-reel {
    display: flex;
    gap: var(--reel-gap, var(--beam-gutter-sm));
    overflow-x: auto;
    overscroll-behavior-x: contain;
    scroll-snap-type: x proximity;
    padding-block-end: var(--beam-inset-sm);
  }
  .b-reel > * { flex: 0 0 var(--reel-item, 18rem); scroll-snap-align: start; }

  /* ── Frame ─ aspect-ratio box for media ────────────────────────────────────────── */
  .b-frame {
    aspect-ratio: var(--frame-ratio, 16 / 9);
    overflow: hidden;
    display: grid;
    place-items: center;
  }
  .b-frame > img, .b-frame > video { inline-size: 100%; block-size: 100%; object-fit: cover; }
  .b-frame[data-ratio="square"] { --frame-ratio: 1; }
  .b-frame[data-ratio="4-3"]    { --frame-ratio: 4 / 3; }
  .b-frame[data-ratio="21-9"]   { --frame-ratio: 21 / 9; }
}

@layer beam.utilities {
  /* Generated single-purpose classes */
  .u-radius-xxs { border-radius: var(--beam-border-radius-xxs); }
  .u-radius-xs { border-radius: var(--beam-border-radius-xs); }
  .u-radius-sm { border-radius: var(--beam-border-radius-sm); }
  .u-radius-md { border-radius: var(--beam-border-radius-md); }
  .u-radius-lg { border-radius: var(--beam-border-radius-lg); }
  .u-radius-xl { border-radius: var(--beam-border-radius-xl); }
  .u-radius-2xl { border-radius: var(--beam-border-radius-2xl); }
  .u-radius-3xl { border-radius: var(--beam-border-radius-3xl); }
  .u-radius-4xl { border-radius: var(--beam-border-radius-4xl); }
  .u-radius-full { border-radius: var(--beam-border-radius-full); }
  .u-border-w-0 { --_u-bw: var(--beam-border-width-0); border-width: var(--beam-border-width-0); border-style: solid; }
  .u-border-w-1 { --_u-bw: var(--beam-border-width-1); border-width: var(--beam-border-width-1); border-style: solid; }
  .u-border-w-2 { --_u-bw: var(--beam-border-width-2); border-width: var(--beam-border-width-2); border-style: solid; }
  .u-border-w-3 { --_u-bw: var(--beam-border-width-3); border-width: var(--beam-border-width-3); border-style: solid; }
  .u-border-w-4 { --_u-bw: var(--beam-border-width-4); border-width: var(--beam-border-width-4); border-style: solid; }
  .u-border-w-5 { --_u-bw: var(--beam-border-width-5); border-width: var(--beam-border-width-5); border-style: solid; }
  .u-weight-regular { font-weight: var(--beam-font-weight-regular); }
  .u-weight-medium { font-weight: var(--beam-font-weight-medium); }
  .u-weight-semibold { font-weight: var(--beam-font-weight-semibold); }
  .u-weight-bold { font-weight: var(--beam-font-weight-bold); }
  .u-opacity-0 { opacity: var(--beam-opacity-0); }
  .u-opacity-5 { opacity: var(--beam-opacity-5); }
  .u-opacity-10 { opacity: var(--beam-opacity-10); }
  .u-opacity-20 { opacity: var(--beam-opacity-20); }
  .u-opacity-25 { opacity: var(--beam-opacity-25); }
  .u-opacity-40 { opacity: var(--beam-opacity-40); }
  .u-opacity-50 { opacity: var(--beam-opacity-50); }
  .u-opacity-60 { opacity: var(--beam-opacity-60); }
  .u-opacity-80 { opacity: var(--beam-opacity-80); }
  .u-opacity-100 { opacity: var(--beam-opacity-100); }
  .u-z-hide { z-index: var(--beam-z-index-hide); }
  .u-z-base { z-index: var(--beam-z-index-base); }
  .u-z-raised { z-index: var(--beam-z-index-raised); }
  .u-z-dropdown { z-index: var(--beam-z-index-dropdown); }
  .u-z-sticky { z-index: var(--beam-z-index-sticky); }
  .u-z-overlay { z-index: var(--beam-z-index-overlay); }
  .u-z-modal { z-index: var(--beam-z-index-modal); }
  .u-z-toast { z-index: var(--beam-z-index-toast); }
  .u-icon-1 { font-size: var(--beam-icon-size-1); inline-size: var(--beam-icon-size-1); block-size: var(--beam-icon-size-1); }
  .u-icon-2 { font-size: var(--beam-icon-size-2); inline-size: var(--beam-icon-size-2); block-size: var(--beam-icon-size-2); }
  .u-icon-3 { font-size: var(--beam-icon-size-3); inline-size: var(--beam-icon-size-3); block-size: var(--beam-icon-size-3); }
  .u-icon-4 { font-size: var(--beam-icon-size-4); inline-size: var(--beam-icon-size-4); block-size: var(--beam-icon-size-4); }
  .u-icon-5 { font-size: var(--beam-icon-size-5); inline-size: var(--beam-icon-size-5); block-size: var(--beam-icon-size-5); }
  .u-icon-6 { font-size: var(--beam-icon-size-6); inline-size: var(--beam-icon-size-6); block-size: var(--beam-icon-size-6); }
  .u-icon-7 { font-size: var(--beam-icon-size-7); inline-size: var(--beam-icon-size-7); block-size: var(--beam-icon-size-7); }
  .u-icon-8 { font-size: var(--beam-icon-size-8); inline-size: var(--beam-icon-size-8); block-size: var(--beam-icon-size-8); }
  .u-icon-9 { font-size: var(--beam-icon-size-9); inline-size: var(--beam-icon-size-9); block-size: var(--beam-icon-size-9); }
  .u-icon-opacity-1 { opacity: var(--beam-icon-opacity-1); }
  .u-icon-opacity-2 { opacity: var(--beam-icon-opacity-2); }
  .u-leading-none { line-height: var(--beam-leading-none); }
  .u-leading-tight { line-height: var(--beam-leading-tight); }
  .u-leading-snug { line-height: var(--beam-leading-snug); }
  .u-leading-normal { line-height: var(--beam-leading-normal); }
  .u-leading-relaxed { line-height: var(--beam-leading-relaxed); }
  .u-leading-loose { line-height: var(--beam-leading-loose); }
  .u-para-spacing-none { margin-block-end: var(--beam-para-spacing-none); }
  .u-tracking-tighter { letter-spacing: var(--beam-tracking-tighter); }
  .u-tracking-tight { letter-spacing: var(--beam-tracking-tight); }
  .u-tracking-normal { letter-spacing: var(--beam-tracking-normal); }
  .u-tracking-wide { letter-spacing: var(--beam-tracking-wide); }
  .u-tracking-wider { letter-spacing: var(--beam-tracking-wider); }
  .u-tracking-widest { letter-spacing: var(--beam-tracking-widest); }
  .u-para-spacing-sm { margin-block-end: var(--beam-para-spacing-sm); }
  .u-para-spacing-md { margin-block-end: var(--beam-para-spacing-md); }
  .u-para-spacing-lg { margin-block-end: var(--beam-para-spacing-lg); }
  .u-text-white { color: var(--beam-text-white); }
  .u-text-brand-primary { color: var(--beam-text-brand-primary); }
  .u-text-brand-secondary { color: var(--beam-text-brand-secondary); }
  .u-text-on-accent { color: var(--beam-text-on-accent); }
  .u-text-error { color: var(--beam-text-error); }
  .u-text-warning { color: var(--beam-text-warning); }
  .u-text-success { color: var(--beam-text-success); }
  .u-text-info { color: var(--beam-text-info); }
  .u-text-neutral-primary { color: var(--beam-text-neutral-primary); }
  .u-text-neutral-secondary { color: var(--beam-text-neutral-secondary); }
  .u-text-neutral-tertiary { color: var(--beam-text-neutral-tertiary); }
  .u-text-neutral-placeholder { color: var(--beam-text-neutral-placeholder); }
  .u-text-neutral-placeholder_subtle { color: var(--beam-text-neutral-placeholder_subtle); }
  .u-text-neutral-disabled { color: var(--beam-text-neutral-disabled); }
  .u-text-on-neutral-solid { color: var(--beam-text-on-neutral-solid); }
  .u-text-brand { color: var(--beam-text-brand); }
  .u-fg-white { color: var(--beam-fg-white); }
  .u-fg-brand-primary { color: var(--beam-fg-brand-primary); }
  .u-fg-brand-secondary { color: var(--beam-fg-brand-secondary); }
  .u-fg-on-accent { color: var(--beam-fg-on-accent); }
  .u-fg-error-primary { color: var(--beam-fg-error-primary); }
  .u-fg-error-secondary { color: var(--beam-fg-error-secondary); }
  .u-fg-warning-primary { color: var(--beam-fg-warning-primary); }
  .u-fg-warning-secondary { color: var(--beam-fg-warning-secondary); }
  .u-fg-success-primary { color: var(--beam-fg-success-primary); }
  .u-fg-success-secondary { color: var(--beam-fg-success-secondary); }
  .u-fg-info-primary { color: var(--beam-fg-info-primary); }
  .u-fg-info-secondary { color: var(--beam-fg-info-secondary); }
  .u-fg-neutral-primary { color: var(--beam-fg-neutral-primary); }
  .u-fg-neutral-secondary { color: var(--beam-fg-neutral-secondary); }
  .u-fg-neutral-tertiary { color: var(--beam-fg-neutral-tertiary); }
  .u-fg-neutral-quaternary { color: var(--beam-fg-neutral-quaternary); }
  .u-fg-neutral-disabled { color: var(--beam-fg-neutral-disabled); }
  .u-fg-neutral-disabled_subtle { color: var(--beam-fg-neutral-disabled_subtle); }
  .u-fg-on-neutral-solid { color: var(--beam-fg-on-neutral-solid); }
  .u-fg-brand { color: var(--beam-fg-brand); }
  .u-bg-overlay { background-color: var(--beam-background-overlay); }
  .u-bg-surface { background-color: var(--beam-background-surface); }
  .u-bg-panel { background-color: var(--beam-background-panel); }
  .u-bg-brand-primary { background-color: var(--beam-background-brand-primary); }
  .u-bg-brand-secondary { background-color: var(--beam-background-brand-secondary); }
  .u-bg-brand-solid { background-color: var(--beam-background-brand-solid); }
  .u-bg-brand-solid_hover { background-color: var(--beam-background-brand-solid_hover); }
  .u-bg-brand-solid:hover { background-color: var(--beam-background-brand-solid_hover); }
  .u-bg-error-primary { background-color: var(--beam-background-error-primary); }
  .u-bg-error-secondary { background-color: var(--beam-background-error-secondary); }
  .u-bg-error-solid { background-color: var(--beam-background-error-solid); }
  .u-bg-error-solid_hover { background-color: var(--beam-background-error-solid_hover); }
  .u-bg-error-solid:hover { background-color: var(--beam-background-error-solid_hover); }
  .u-bg-warning-primary { background-color: var(--beam-background-warning-primary); }
  .u-bg-warning-secondary { background-color: var(--beam-background-warning-secondary); }
  .u-bg-warning-solid { background-color: var(--beam-background-warning-solid); }
  .u-bg-success-primary { background-color: var(--beam-background-success-primary); }
  .u-bg-success-secondary { background-color: var(--beam-background-success-secondary); }
  .u-bg-success-solid { background-color: var(--beam-background-success-solid); }
  .u-bg-info-primary { background-color: var(--beam-background-info-primary); }
  .u-bg-info-secondary { background-color: var(--beam-background-info-secondary); }
  .u-bg-info-solid { background-color: var(--beam-background-info-solid); }
  .u-bg-neutral-primary { background-color: var(--beam-background-neutral-primary); }
  .u-bg-neutral-primary_hover { background-color: var(--beam-background-neutral-primary_hover); }
  .u-bg-neutral-primary:hover { background-color: var(--beam-background-neutral-primary_hover); }
  .u-bg-neutral-primary-solid { background-color: var(--beam-background-neutral-primary-solid); }
  .u-bg-neutral-secondary { background-color: var(--beam-background-neutral-secondary); }
  .u-bg-neutral-secondary_hover { background-color: var(--beam-background-neutral-secondary_hover); }
  .u-bg-neutral-secondary:hover { background-color: var(--beam-background-neutral-secondary_hover); }
  .u-bg-neutral-secondary-solid { background-color: var(--beam-background-neutral-secondary-solid); }
  .u-bg-neutral-tertiary { background-color: var(--beam-background-neutral-tertiary); }
  .u-bg-neutral-quaternary { background-color: var(--beam-background-neutral-quaternary); }
  .u-bg-neutral-active { background-color: var(--beam-background-neutral-active); }
  .u-bg-neutral-disabled { background-color: var(--beam-background-neutral-disabled); }
  .u-bg-neutral-disabled_subtle { background-color: var(--beam-background-neutral-disabled_subtle); }
  .u-bg-brand-solid_active { background-color: var(--beam-background-brand-solid_active); }
  .u-bg-brand-solid:active { background-color: var(--beam-background-brand-solid_active); }
  .u-bg-error-solid_active { background-color: var(--beam-background-error-solid_active); }
  .u-bg-error-solid:active { background-color: var(--beam-background-error-solid_active); }
  .u-bg-info-solid_active { background-color: var(--beam-background-info-solid_active); }
  .u-bg-info-solid:active { background-color: var(--beam-background-info-solid_active); }
  .u-bg-info-solid_hover { background-color: var(--beam-background-info-solid_hover); }
  .u-bg-info-solid:hover { background-color: var(--beam-background-info-solid_hover); }
  .u-bg-neutral-quaternary_hover { background-color: var(--beam-background-neutral-quaternary_hover); }
  .u-bg-neutral-quaternary:hover { background-color: var(--beam-background-neutral-quaternary_hover); }
  .u-bg-neutral-tertiary_hover { background-color: var(--beam-background-neutral-tertiary_hover); }
  .u-bg-neutral-tertiary:hover { background-color: var(--beam-background-neutral-tertiary_hover); }
  .u-bg-success-solid_active { background-color: var(--beam-background-success-solid_active); }
  .u-bg-success-solid:active { background-color: var(--beam-background-success-solid_active); }
  .u-bg-success-solid_hover { background-color: var(--beam-background-success-solid_hover); }
  .u-bg-success-solid:hover { background-color: var(--beam-background-success-solid_hover); }
  .u-bg-warning-solid_active { background-color: var(--beam-background-warning-solid_active); }
  .u-bg-warning-solid:active { background-color: var(--beam-background-warning-solid_active); }
  .u-bg-warning-solid_hover { background-color: var(--beam-background-warning-solid_hover); }
  .u-bg-warning-solid:hover { background-color: var(--beam-background-warning-solid_hover); }
  .u-bg-neutral-primary-solid_hover { background-color: var(--beam-background-neutral-primary-solid_hover); }
  .u-bg-neutral-primary-solid:hover { background-color: var(--beam-background-neutral-primary-solid_hover); }
  .u-bg-neutral-primary-solid_active { background-color: var(--beam-background-neutral-primary-solid_active); }
  .u-bg-neutral-primary-solid:active { background-color: var(--beam-background-neutral-primary-solid_active); }
  .u-bg-brand-faint { background-color: var(--beam-background-brand-faint); }
  .u-bg-brand-subtle { background-color: var(--beam-background-brand-subtle); }
  .u-bg-brand-soft { background-color: var(--beam-background-brand-soft); }
  .u-border-brand { border: var(--_u-bw, var(--beam-border-width-2)) solid var(--beam-border-brand); }
  .u-border-brand_subtle { border: var(--_u-bw, var(--beam-border-width-2)) solid var(--beam-border-brand_subtle); }
  .u-border-focus-ring { border: var(--_u-bw, var(--beam-border-width-2)) solid var(--beam-border-focus-ring); }
  .u-border-error { border: var(--_u-bw, var(--beam-border-width-2)) solid var(--beam-border-error); }
  .u-border-error_subtle { border: var(--_u-bw, var(--beam-border-width-2)) solid var(--beam-border-error_subtle); }
  .u-border-warning { border: var(--_u-bw, var(--beam-border-width-2)) solid var(--beam-border-warning); }
  .u-border-success { border: var(--_u-bw, var(--beam-border-width-2)) solid var(--beam-border-success); }
  .u-border-info { border: var(--_u-bw, var(--beam-border-width-2)) solid var(--beam-border-info); }
  .u-border-neutral-primary { border: var(--_u-bw, var(--beam-border-width-2)) solid var(--beam-border-neutral-primary); }
  .u-border-neutral-secondary { border: var(--_u-bw, var(--beam-border-width-2)) solid var(--beam-border-neutral-secondary); }
  .u-border-neutral-tertiary { border: var(--_u-bw, var(--beam-border-width-2)) solid var(--beam-border-neutral-tertiary); }
  .u-border-neutral-disabled { border: var(--_u-bw, var(--beam-border-width-2)) solid var(--beam-border-neutral-disabled); }
  .u-border-neutral-disabled_subtle { border: var(--_u-bw, var(--beam-border-width-2)) solid var(--beam-border-neutral-disabled_subtle); }
  .u-border-neutral-separator { border: var(--_u-bw, var(--beam-border-width-2)) solid var(--beam-border-neutral-separator); }
  .u-surface-default { background-color: var(--beam-surface-default); }
  .u-surface-raised { background-color: var(--beam-surface-raised); }
  .u-surface-overlay { background-color: var(--beam-surface-overlay); }
  .u-surface-sunken { background-color: var(--beam-surface-sunken); }
  .u-surface-primary { background-color: var(--beam-surface-primary); }
  .u-surface-secondary { background-color: var(--beam-surface-secondary); }
  .u-surface-tertiary { background-color: var(--beam-surface-tertiary); }
  .u-deco-tomato-bg { background-color: var(--beam-decorative-tomato-bg); }
  .u-deco-tomato-border { border: var(--_u-bw, var(--beam-border-width-2)) solid var(--beam-decorative-tomato-border); }
  .u-deco-tomato-solid { background-color: var(--beam-decorative-tomato-solid); }
  .u-deco-tomato-text { color: var(--beam-decorative-tomato-text); }
  .u-deco-tomato-on-solid { background-color: var(--beam-decorative-tomato-on-solid); }
  .u-deco-red-bg { background-color: var(--beam-decorative-red-bg); }
  .u-deco-red-border { border: var(--_u-bw, var(--beam-border-width-2)) solid var(--beam-decorative-red-border); }
  .u-deco-red-solid { background-color: var(--beam-decorative-red-solid); }
  .u-deco-red-text { color: var(--beam-decorative-red-text); }
  .u-deco-red-on-solid { background-color: var(--beam-decorative-red-on-solid); }
  .u-deco-ruby-bg { background-color: var(--beam-decorative-ruby-bg); }
  .u-deco-ruby-border { border: var(--_u-bw, var(--beam-border-width-2)) solid var(--beam-decorative-ruby-border); }
  .u-deco-ruby-solid { background-color: var(--beam-decorative-ruby-solid); }
  .u-deco-ruby-text { color: var(--beam-decorative-ruby-text); }
  .u-deco-ruby-on-solid { background-color: var(--beam-decorative-ruby-on-solid); }
  .u-deco-crimson-bg { background-color: var(--beam-decorative-crimson-bg); }
  .u-deco-crimson-border { border: var(--_u-bw, var(--beam-border-width-2)) solid var(--beam-decorative-crimson-border); }
  .u-deco-crimson-solid { background-color: var(--beam-decorative-crimson-solid); }
  .u-deco-crimson-text { color: var(--beam-decorative-crimson-text); }
  .u-deco-crimson-on-solid { background-color: var(--beam-decorative-crimson-on-solid); }
  .u-deco-pink-bg { background-color: var(--beam-decorative-pink-bg); }
  .u-deco-pink-border { border: var(--_u-bw, var(--beam-border-width-2)) solid var(--beam-decorative-pink-border); }
  .u-deco-pink-solid { background-color: var(--beam-decorative-pink-solid); }
  .u-deco-pink-text { color: var(--beam-decorative-pink-text); }
  .u-deco-pink-on-solid { background-color: var(--beam-decorative-pink-on-solid); }
  .u-deco-plum-bg { background-color: var(--beam-decorative-plum-bg); }
  .u-deco-plum-border { border: var(--_u-bw, var(--beam-border-width-2)) solid var(--beam-decorative-plum-border); }
  .u-deco-plum-solid { background-color: var(--beam-decorative-plum-solid); }
  .u-deco-plum-text { color: var(--beam-decorative-plum-text); }
  .u-deco-plum-on-solid { background-color: var(--beam-decorative-plum-on-solid); }
  .u-deco-purple-bg { background-color: var(--beam-decorative-purple-bg); }
  .u-deco-purple-border { border: var(--_u-bw, var(--beam-border-width-2)) solid var(--beam-decorative-purple-border); }
  .u-deco-purple-solid { background-color: var(--beam-decorative-purple-solid); }
  .u-deco-purple-text { color: var(--beam-decorative-purple-text); }
  .u-deco-purple-on-solid { background-color: var(--beam-decorative-purple-on-solid); }
  .u-deco-violet-bg { background-color: var(--beam-decorative-violet-bg); }
  .u-deco-violet-border { border: var(--_u-bw, var(--beam-border-width-2)) solid var(--beam-decorative-violet-border); }
  .u-deco-violet-solid { background-color: var(--beam-decorative-violet-solid); }
  .u-deco-violet-text { color: var(--beam-decorative-violet-text); }
  .u-deco-violet-on-solid { background-color: var(--beam-decorative-violet-on-solid); }
  .u-deco-iris-bg { background-color: var(--beam-decorative-iris-bg); }
  .u-deco-iris-border { border: var(--_u-bw, var(--beam-border-width-2)) solid var(--beam-decorative-iris-border); }
  .u-deco-iris-solid { background-color: var(--beam-decorative-iris-solid); }
  .u-deco-iris-text { color: var(--beam-decorative-iris-text); }
  .u-deco-iris-on-solid { background-color: var(--beam-decorative-iris-on-solid); }
  .u-deco-indigo-bg { background-color: var(--beam-decorative-indigo-bg); }
  .u-deco-indigo-border { border: var(--_u-bw, var(--beam-border-width-2)) solid var(--beam-decorative-indigo-border); }
  .u-deco-indigo-solid { background-color: var(--beam-decorative-indigo-solid); }
  .u-deco-indigo-text { color: var(--beam-decorative-indigo-text); }
  .u-deco-indigo-on-solid { background-color: var(--beam-decorative-indigo-on-solid); }
  .u-deco-blue-bg { background-color: var(--beam-decorative-blue-bg); }
  .u-deco-blue-border { border: var(--_u-bw, var(--beam-border-width-2)) solid var(--beam-decorative-blue-border); }
  .u-deco-blue-solid { background-color: var(--beam-decorative-blue-solid); }
  .u-deco-blue-text { color: var(--beam-decorative-blue-text); }
  .u-deco-blue-on-solid { background-color: var(--beam-decorative-blue-on-solid); }
  .u-deco-cyan-bg { background-color: var(--beam-decorative-cyan-bg); }
  .u-deco-cyan-border { border: var(--_u-bw, var(--beam-border-width-2)) solid var(--beam-decorative-cyan-border); }
  .u-deco-cyan-solid { background-color: var(--beam-decorative-cyan-solid); }
  .u-deco-cyan-text { color: var(--beam-decorative-cyan-text); }
  .u-deco-cyan-on-solid { background-color: var(--beam-decorative-cyan-on-solid); }
  .u-deco-teal-bg { background-color: var(--beam-decorative-teal-bg); }
  .u-deco-teal-border { border: var(--_u-bw, var(--beam-border-width-2)) solid var(--beam-decorative-teal-border); }
  .u-deco-teal-solid { background-color: var(--beam-decorative-teal-solid); }
  .u-deco-teal-text { color: var(--beam-decorative-teal-text); }
  .u-deco-teal-on-solid { background-color: var(--beam-decorative-teal-on-solid); }
  .u-deco-jade-bg { background-color: var(--beam-decorative-jade-bg); }
  .u-deco-jade-border { border: var(--_u-bw, var(--beam-border-width-2)) solid var(--beam-decorative-jade-border); }
  .u-deco-jade-solid { background-color: var(--beam-decorative-jade-solid); }
  .u-deco-jade-text { color: var(--beam-decorative-jade-text); }
  .u-deco-jade-on-solid { background-color: var(--beam-decorative-jade-on-solid); }
  .u-deco-green-bg { background-color: var(--beam-decorative-green-bg); }
  .u-deco-green-border { border: var(--_u-bw, var(--beam-border-width-2)) solid var(--beam-decorative-green-border); }
  .u-deco-green-solid { background-color: var(--beam-decorative-green-solid); }
  .u-deco-green-text { color: var(--beam-decorative-green-text); }
  .u-deco-green-on-solid { background-color: var(--beam-decorative-green-on-solid); }
  .u-deco-grass-bg { background-color: var(--beam-decorative-grass-bg); }
  .u-deco-grass-solid { background-color: var(--beam-decorative-grass-solid); }
  .u-deco-grass-text { color: var(--beam-decorative-grass-text); }
  .u-deco-grass-on-solid { background-color: var(--beam-decorative-grass-on-solid); }
  .u-deco-brown-bg { background-color: var(--beam-decorative-brown-bg); }
  .u-deco-brown-border { border: var(--_u-bw, var(--beam-border-width-2)) solid var(--beam-decorative-brown-border); }
  .u-deco-brown-solid { background-color: var(--beam-decorative-brown-solid); }
  .u-deco-brown-text { color: var(--beam-decorative-brown-text); }
  .u-deco-brown-on-solid { background-color: var(--beam-decorative-brown-on-solid); }
  .u-deco-bronze-bg { background-color: var(--beam-decorative-bronze-bg); }
  .u-deco-bronze-border { border: var(--_u-bw, var(--beam-border-width-2)) solid var(--beam-decorative-bronze-border); }
  .u-deco-bronze-solid { background-color: var(--beam-decorative-bronze-solid); }
  .u-deco-bronze-text { color: var(--beam-decorative-bronze-text); }
  .u-deco-bronze-on-solid { background-color: var(--beam-decorative-bronze-on-solid); }
  .u-deco-gold-bg { background-color: var(--beam-decorative-gold-bg); }
  .u-deco-gold-border { border: var(--_u-bw, var(--beam-border-width-2)) solid var(--beam-decorative-gold-border); }
  .u-deco-gold-solid { background-color: var(--beam-decorative-gold-solid); }
  .u-deco-gold-text { color: var(--beam-decorative-gold-text); }
  .u-deco-gold-on-solid { background-color: var(--beam-decorative-gold-on-solid); }
  .u-deco-sky-bg { background-color: var(--beam-decorative-sky-bg); }
  .u-deco-sky-border { border: var(--_u-bw, var(--beam-border-width-2)) solid var(--beam-decorative-sky-border); }
  .u-deco-sky-solid { background-color: var(--beam-decorative-sky-solid); }
  .u-deco-sky-text { color: var(--beam-decorative-sky-text); }
  .u-deco-sky-on-solid { background-color: var(--beam-decorative-sky-on-solid); }
  .u-deco-mint-bg { background-color: var(--beam-decorative-mint-bg); }
  .u-deco-mint-border { border: var(--_u-bw, var(--beam-border-width-2)) solid var(--beam-decorative-mint-border); }
  .u-deco-mint-solid { background-color: var(--beam-decorative-mint-solid); }
  .u-deco-mint-text { color: var(--beam-decorative-mint-text); }
  .u-deco-mint-on-solid { background-color: var(--beam-decorative-mint-on-solid); }
  .u-deco-lime-bg { background-color: var(--beam-decorative-lime-bg); }
  .u-deco-lime-border { border: var(--_u-bw, var(--beam-border-width-2)) solid var(--beam-decorative-lime-border); }
  .u-deco-lime-solid { background-color: var(--beam-decorative-lime-solid); }
  .u-deco-lime-text { color: var(--beam-decorative-lime-text); }
  .u-deco-lime-on-solid { background-color: var(--beam-decorative-lime-on-solid); }
  .u-deco-yellow-bg { background-color: var(--beam-decorative-yellow-bg); }
  .u-deco-yellow-border { border: var(--_u-bw, var(--beam-border-width-2)) solid var(--beam-decorative-yellow-border); }
  .u-deco-yellow-solid { background-color: var(--beam-decorative-yellow-solid); }
  .u-deco-yellow-text { color: var(--beam-decorative-yellow-text); }
  .u-deco-yellow-on-solid { background-color: var(--beam-decorative-yellow-on-solid); }
  .u-deco-amber-bg { background-color: var(--beam-decorative-amber-bg); }
  .u-deco-amber-border { border: var(--_u-bw, var(--beam-border-width-2)) solid var(--beam-decorative-amber-border); }
  .u-deco-amber-solid { background-color: var(--beam-decorative-amber-solid); }
  .u-deco-amber-text { color: var(--beam-decorative-amber-text); }
  .u-deco-amber-on-solid { background-color: var(--beam-decorative-amber-on-solid); }
  .u-deco-orange-bg { background-color: var(--beam-decorative-orange-bg); }
  .u-deco-orange-border { border: var(--_u-bw, var(--beam-border-width-2)) solid var(--beam-decorative-orange-border); }
  .u-deco-orange-solid { background-color: var(--beam-decorative-orange-solid); }
  .u-deco-orange-text { color: var(--beam-decorative-orange-text); }
  .u-deco-orange-on-solid { background-color: var(--beam-decorative-orange-on-solid); }
  .u-deco-grass-border { border: var(--_u-bw, var(--beam-border-width-2)) solid var(--beam-decorative-grass-border); }
  .u-deco-rebecca-bg { background-color: var(--beam-decorative-rebecca-bg); }
  .u-deco-rebecca-border { border: var(--_u-bw, var(--beam-border-width-2)) solid var(--beam-decorative-rebecca-border); }
  .u-deco-rebecca-solid { background-color: var(--beam-decorative-rebecca-solid); }
  .u-deco-rebecca-text { color: var(--beam-decorative-rebecca-text); }
  .u-deco-rebecca-on-solid { background-color: var(--beam-decorative-rebecca-on-solid); }
  .u-overlay-primary { background-color: var(--beam-overlay-primary); }
  .u-overlay-scrim { background-color: var(--beam-overlay-scrim); }
  .u-overlay-secondary { background-color: var(--beam-overlay-secondary); }
  .u-overlay-tertiary { background-color: var(--beam-overlay-tertiary); }
  .u-fs-ms-0 { font-size: var(--beam-ms-0); }
  .u-fs-ms--1 { font-size: var(--beam-ms--1); }
  .u-fs-ms--2 { font-size: var(--beam-ms--2); }
  .u-fs-ms--3 { font-size: var(--beam-ms--3); }
  .u-fs-ms-1 { font-size: var(--beam-ms-1); }
  .u-fs-ms-2 { font-size: var(--beam-ms-2); }
  .u-fs-ms-3 { font-size: var(--beam-ms-3); }
  .u-fs-ms-4 { font-size: var(--beam-ms-4); }
  .u-fs-ms-5 { font-size: var(--beam-ms-5); }
  .u-fs-ms-6 { font-size: var(--beam-ms-6); }
  .u-fs-ms-7 { font-size: var(--beam-ms-7); }
  .u-fs-ms-8 { font-size: var(--beam-ms-8); }
  .u-gap-none { gap: var(--beam-spacing-none); }
  .u-p-none { padding: var(--beam-spacing-none); }
  .u-px-none { padding-inline: var(--beam-spacing-none); }
  .u-py-none { padding-block: var(--beam-spacing-none); }
  .u-pt-none { padding-block-start: var(--beam-spacing-none); }
  .u-pb-none { padding-block-end: var(--beam-spacing-none); }
  .u-ps-none { padding-inline-start: var(--beam-spacing-none); }
  .u-pe-none { padding-inline-end: var(--beam-spacing-none); }
  .u-m-none { margin: var(--beam-spacing-none); }
  .u-mx-none { margin-inline: var(--beam-spacing-none); }
  .u-my-none { margin-block: var(--beam-spacing-none); }
  .u-mt-none { margin-block-start: var(--beam-spacing-none); }
  .u-mb-none { margin-block-end: var(--beam-spacing-none); }
  .u-ms-none { margin-inline-start: var(--beam-spacing-none); }
  .u-me-none { margin-inline-end: var(--beam-spacing-none); }
  .u-gap-xxs { gap: var(--beam-spacing-xxs); }
  .u-p-xxs { padding: var(--beam-spacing-xxs); }
  .u-px-xxs { padding-inline: var(--beam-spacing-xxs); }
  .u-py-xxs { padding-block: var(--beam-spacing-xxs); }
  .u-pt-xxs { padding-block-start: var(--beam-spacing-xxs); }
  .u-pb-xxs { padding-block-end: var(--beam-spacing-xxs); }
  .u-ps-xxs { padding-inline-start: var(--beam-spacing-xxs); }
  .u-pe-xxs { padding-inline-end: var(--beam-spacing-xxs); }
  .u-m-xxs { margin: var(--beam-spacing-xxs); }
  .u-mx-xxs { margin-inline: var(--beam-spacing-xxs); }
  .u-my-xxs { margin-block: var(--beam-spacing-xxs); }
  .u-mt-xxs { margin-block-start: var(--beam-spacing-xxs); }
  .u-mb-xxs { margin-block-end: var(--beam-spacing-xxs); }
  .u-ms-xxs { margin-inline-start: var(--beam-spacing-xxs); }
  .u-me-xxs { margin-inline-end: var(--beam-spacing-xxs); }
  .u-gap-xs { gap: var(--beam-spacing-xs); }
  .u-p-xs { padding: var(--beam-spacing-xs); }
  .u-px-xs { padding-inline: var(--beam-spacing-xs); }
  .u-py-xs { padding-block: var(--beam-spacing-xs); }
  .u-pt-xs { padding-block-start: var(--beam-spacing-xs); }
  .u-pb-xs { padding-block-end: var(--beam-spacing-xs); }
  .u-ps-xs { padding-inline-start: var(--beam-spacing-xs); }
  .u-pe-xs { padding-inline-end: var(--beam-spacing-xs); }
  .u-m-xs { margin: var(--beam-spacing-xs); }
  .u-mx-xs { margin-inline: var(--beam-spacing-xs); }
  .u-my-xs { margin-block: var(--beam-spacing-xs); }
  .u-mt-xs { margin-block-start: var(--beam-spacing-xs); }
  .u-mb-xs { margin-block-end: var(--beam-spacing-xs); }
  .u-ms-xs { margin-inline-start: var(--beam-spacing-xs); }
  .u-me-xs { margin-inline-end: var(--beam-spacing-xs); }
  .u-gap-sm { gap: var(--beam-spacing-sm); }
  .u-p-sm { padding: var(--beam-spacing-sm); }
  .u-px-sm { padding-inline: var(--beam-spacing-sm); }
  .u-py-sm { padding-block: var(--beam-spacing-sm); }
  .u-pt-sm { padding-block-start: var(--beam-spacing-sm); }
  .u-pb-sm { padding-block-end: var(--beam-spacing-sm); }
  .u-ps-sm { padding-inline-start: var(--beam-spacing-sm); }
  .u-pe-sm { padding-inline-end: var(--beam-spacing-sm); }
  .u-m-sm { margin: var(--beam-spacing-sm); }
  .u-mx-sm { margin-inline: var(--beam-spacing-sm); }
  .u-my-sm { margin-block: var(--beam-spacing-sm); }
  .u-mt-sm { margin-block-start: var(--beam-spacing-sm); }
  .u-mb-sm { margin-block-end: var(--beam-spacing-sm); }
  .u-ms-sm { margin-inline-start: var(--beam-spacing-sm); }
  .u-me-sm { margin-inline-end: var(--beam-spacing-sm); }
  .u-gap-md { gap: var(--beam-spacing-md); }
  .u-p-md { padding: var(--beam-spacing-md); }
  .u-px-md { padding-inline: var(--beam-spacing-md); }
  .u-py-md { padding-block: var(--beam-spacing-md); }
  .u-pt-md { padding-block-start: var(--beam-spacing-md); }
  .u-pb-md { padding-block-end: var(--beam-spacing-md); }
  .u-ps-md { padding-inline-start: var(--beam-spacing-md); }
  .u-pe-md { padding-inline-end: var(--beam-spacing-md); }
  .u-m-md { margin: var(--beam-spacing-md); }
  .u-mx-md { margin-inline: var(--beam-spacing-md); }
  .u-my-md { margin-block: var(--beam-spacing-md); }
  .u-mt-md { margin-block-start: var(--beam-spacing-md); }
  .u-mb-md { margin-block-end: var(--beam-spacing-md); }
  .u-ms-md { margin-inline-start: var(--beam-spacing-md); }
  .u-me-md { margin-inline-end: var(--beam-spacing-md); }
  .u-gap-lg { gap: var(--beam-spacing-lg); }
  .u-p-lg { padding: var(--beam-spacing-lg); }
  .u-px-lg { padding-inline: var(--beam-spacing-lg); }
  .u-py-lg { padding-block: var(--beam-spacing-lg); }
  .u-pt-lg { padding-block-start: var(--beam-spacing-lg); }
  .u-pb-lg { padding-block-end: var(--beam-spacing-lg); }
  .u-ps-lg { padding-inline-start: var(--beam-spacing-lg); }
  .u-pe-lg { padding-inline-end: var(--beam-spacing-lg); }
  .u-m-lg { margin: var(--beam-spacing-lg); }
  .u-mx-lg { margin-inline: var(--beam-spacing-lg); }
  .u-my-lg { margin-block: var(--beam-spacing-lg); }
  .u-mt-lg { margin-block-start: var(--beam-spacing-lg); }
  .u-mb-lg { margin-block-end: var(--beam-spacing-lg); }
  .u-ms-lg { margin-inline-start: var(--beam-spacing-lg); }
  .u-me-lg { margin-inline-end: var(--beam-spacing-lg); }
  .u-gap-xl { gap: var(--beam-spacing-xl); }
  .u-p-xl { padding: var(--beam-spacing-xl); }
  .u-px-xl { padding-inline: var(--beam-spacing-xl); }
  .u-py-xl { padding-block: var(--beam-spacing-xl); }
  .u-pt-xl { padding-block-start: var(--beam-spacing-xl); }
  .u-pb-xl { padding-block-end: var(--beam-spacing-xl); }
  .u-ps-xl { padding-inline-start: var(--beam-spacing-xl); }
  .u-pe-xl { padding-inline-end: var(--beam-spacing-xl); }
  .u-m-xl { margin: var(--beam-spacing-xl); }
  .u-mx-xl { margin-inline: var(--beam-spacing-xl); }
  .u-my-xl { margin-block: var(--beam-spacing-xl); }
  .u-mt-xl { margin-block-start: var(--beam-spacing-xl); }
  .u-mb-xl { margin-block-end: var(--beam-spacing-xl); }
  .u-ms-xl { margin-inline-start: var(--beam-spacing-xl); }
  .u-me-xl { margin-inline-end: var(--beam-spacing-xl); }
  .u-gap-2xl { gap: var(--beam-spacing-2xl); }
  .u-p-2xl { padding: var(--beam-spacing-2xl); }
  .u-px-2xl { padding-inline: var(--beam-spacing-2xl); }
  .u-py-2xl { padding-block: var(--beam-spacing-2xl); }
  .u-pt-2xl { padding-block-start: var(--beam-spacing-2xl); }
  .u-pb-2xl { padding-block-end: var(--beam-spacing-2xl); }
  .u-ps-2xl { padding-inline-start: var(--beam-spacing-2xl); }
  .u-pe-2xl { padding-inline-end: var(--beam-spacing-2xl); }
  .u-m-2xl { margin: var(--beam-spacing-2xl); }
  .u-mx-2xl { margin-inline: var(--beam-spacing-2xl); }
  .u-my-2xl { margin-block: var(--beam-spacing-2xl); }
  .u-mt-2xl { margin-block-start: var(--beam-spacing-2xl); }
  .u-mb-2xl { margin-block-end: var(--beam-spacing-2xl); }
  .u-ms-2xl { margin-inline-start: var(--beam-spacing-2xl); }
  .u-me-2xl { margin-inline-end: var(--beam-spacing-2xl); }
  .u-gap-3xl { gap: var(--beam-spacing-3xl); }
  .u-p-3xl { padding: var(--beam-spacing-3xl); }
  .u-px-3xl { padding-inline: var(--beam-spacing-3xl); }
  .u-py-3xl { padding-block: var(--beam-spacing-3xl); }
  .u-pt-3xl { padding-block-start: var(--beam-spacing-3xl); }
  .u-pb-3xl { padding-block-end: var(--beam-spacing-3xl); }
  .u-ps-3xl { padding-inline-start: var(--beam-spacing-3xl); }
  .u-pe-3xl { padding-inline-end: var(--beam-spacing-3xl); }
  .u-m-3xl { margin: var(--beam-spacing-3xl); }
  .u-mx-3xl { margin-inline: var(--beam-spacing-3xl); }
  .u-my-3xl { margin-block: var(--beam-spacing-3xl); }
  .u-mt-3xl { margin-block-start: var(--beam-spacing-3xl); }
  .u-mb-3xl { margin-block-end: var(--beam-spacing-3xl); }
  .u-ms-3xl { margin-inline-start: var(--beam-spacing-3xl); }
  .u-me-3xl { margin-inline-end: var(--beam-spacing-3xl); }
  .u-gap-4xl { gap: var(--beam-spacing-4xl); }
  .u-p-4xl { padding: var(--beam-spacing-4xl); }
  .u-px-4xl { padding-inline: var(--beam-spacing-4xl); }
  .u-py-4xl { padding-block: var(--beam-spacing-4xl); }
  .u-pt-4xl { padding-block-start: var(--beam-spacing-4xl); }
  .u-pb-4xl { padding-block-end: var(--beam-spacing-4xl); }
  .u-ps-4xl { padding-inline-start: var(--beam-spacing-4xl); }
  .u-pe-4xl { padding-inline-end: var(--beam-spacing-4xl); }
  .u-m-4xl { margin: var(--beam-spacing-4xl); }
  .u-mx-4xl { margin-inline: var(--beam-spacing-4xl); }
  .u-my-4xl { margin-block: var(--beam-spacing-4xl); }
  .u-mt-4xl { margin-block-start: var(--beam-spacing-4xl); }
  .u-mb-4xl { margin-block-end: var(--beam-spacing-4xl); }
  .u-ms-4xl { margin-inline-start: var(--beam-spacing-4xl); }
  .u-me-4xl { margin-inline-end: var(--beam-spacing-4xl); }
  .u-gap-5xl { gap: var(--beam-spacing-5xl); }
  .u-p-5xl { padding: var(--beam-spacing-5xl); }
  .u-px-5xl { padding-inline: var(--beam-spacing-5xl); }
  .u-py-5xl { padding-block: var(--beam-spacing-5xl); }
  .u-pt-5xl { padding-block-start: var(--beam-spacing-5xl); }
  .u-pb-5xl { padding-block-end: var(--beam-spacing-5xl); }
  .u-ps-5xl { padding-inline-start: var(--beam-spacing-5xl); }
  .u-pe-5xl { padding-inline-end: var(--beam-spacing-5xl); }
  .u-m-5xl { margin: var(--beam-spacing-5xl); }
  .u-mx-5xl { margin-inline: var(--beam-spacing-5xl); }
  .u-my-5xl { margin-block: var(--beam-spacing-5xl); }
  .u-mt-5xl { margin-block-start: var(--beam-spacing-5xl); }
  .u-mb-5xl { margin-block-end: var(--beam-spacing-5xl); }
  .u-ms-5xl { margin-inline-start: var(--beam-spacing-5xl); }
  .u-me-5xl { margin-inline-end: var(--beam-spacing-5xl); }
  .u-gap-6xl { gap: var(--beam-spacing-6xl); }
  .u-p-6xl { padding: var(--beam-spacing-6xl); }
  .u-px-6xl { padding-inline: var(--beam-spacing-6xl); }
  .u-py-6xl { padding-block: var(--beam-spacing-6xl); }
  .u-pt-6xl { padding-block-start: var(--beam-spacing-6xl); }
  .u-pb-6xl { padding-block-end: var(--beam-spacing-6xl); }
  .u-ps-6xl { padding-inline-start: var(--beam-spacing-6xl); }
  .u-pe-6xl { padding-inline-end: var(--beam-spacing-6xl); }
  .u-m-6xl { margin: var(--beam-spacing-6xl); }
  .u-mx-6xl { margin-inline: var(--beam-spacing-6xl); }
  .u-my-6xl { margin-block: var(--beam-spacing-6xl); }
  .u-mt-6xl { margin-block-start: var(--beam-spacing-6xl); }
  .u-mb-6xl { margin-block-end: var(--beam-spacing-6xl); }
  .u-ms-6xl { margin-inline-start: var(--beam-spacing-6xl); }
  .u-me-6xl { margin-inline-end: var(--beam-spacing-6xl); }
  .u-gap-7xl { gap: var(--beam-spacing-7xl); }
  .u-p-7xl { padding: var(--beam-spacing-7xl); }
  .u-px-7xl { padding-inline: var(--beam-spacing-7xl); }
  .u-py-7xl { padding-block: var(--beam-spacing-7xl); }
  .u-pt-7xl { padding-block-start: var(--beam-spacing-7xl); }
  .u-pb-7xl { padding-block-end: var(--beam-spacing-7xl); }
  .u-ps-7xl { padding-inline-start: var(--beam-spacing-7xl); }
  .u-pe-7xl { padding-inline-end: var(--beam-spacing-7xl); }
  .u-m-7xl { margin: var(--beam-spacing-7xl); }
  .u-mx-7xl { margin-inline: var(--beam-spacing-7xl); }
  .u-my-7xl { margin-block: var(--beam-spacing-7xl); }
  .u-mt-7xl { margin-block-start: var(--beam-spacing-7xl); }
  .u-mb-7xl { margin-block-end: var(--beam-spacing-7xl); }
  .u-ms-7xl { margin-inline-start: var(--beam-spacing-7xl); }
  .u-me-7xl { margin-inline-end: var(--beam-spacing-7xl); }
  .u-gap-8xl { gap: var(--beam-spacing-8xl); }
  .u-p-8xl { padding: var(--beam-spacing-8xl); }
  .u-px-8xl { padding-inline: var(--beam-spacing-8xl); }
  .u-py-8xl { padding-block: var(--beam-spacing-8xl); }
  .u-pt-8xl { padding-block-start: var(--beam-spacing-8xl); }
  .u-pb-8xl { padding-block-end: var(--beam-spacing-8xl); }
  .u-ps-8xl { padding-inline-start: var(--beam-spacing-8xl); }
  .u-pe-8xl { padding-inline-end: var(--beam-spacing-8xl); }
  .u-m-8xl { margin: var(--beam-spacing-8xl); }
  .u-mx-8xl { margin-inline: var(--beam-spacing-8xl); }
  .u-my-8xl { margin-block: var(--beam-spacing-8xl); }
  .u-mt-8xl { margin-block-start: var(--beam-spacing-8xl); }
  .u-mb-8xl { margin-block-end: var(--beam-spacing-8xl); }
  .u-ms-8xl { margin-inline-start: var(--beam-spacing-8xl); }
  .u-me-8xl { margin-inline-end: var(--beam-spacing-8xl); }
  .u-gap-9xl { gap: var(--beam-spacing-9xl); }
  .u-p-9xl { padding: var(--beam-spacing-9xl); }
  .u-px-9xl { padding-inline: var(--beam-spacing-9xl); }
  .u-py-9xl { padding-block: var(--beam-spacing-9xl); }
  .u-pt-9xl { padding-block-start: var(--beam-spacing-9xl); }
  .u-pb-9xl { padding-block-end: var(--beam-spacing-9xl); }
  .u-ps-9xl { padding-inline-start: var(--beam-spacing-9xl); }
  .u-pe-9xl { padding-inline-end: var(--beam-spacing-9xl); }
  .u-m-9xl { margin: var(--beam-spacing-9xl); }
  .u-mx-9xl { margin-inline: var(--beam-spacing-9xl); }
  .u-my-9xl { margin-block: var(--beam-spacing-9xl); }
  .u-mt-9xl { margin-block-start: var(--beam-spacing-9xl); }
  .u-mb-9xl { margin-block-end: var(--beam-spacing-9xl); }
  .u-ms-9xl { margin-inline-start: var(--beam-spacing-9xl); }
  .u-me-9xl { margin-inline-end: var(--beam-spacing-9xl); }
  .u-gap-10xl { gap: var(--beam-spacing-10xl); }
  .u-p-10xl { padding: var(--beam-spacing-10xl); }
  .u-px-10xl { padding-inline: var(--beam-spacing-10xl); }
  .u-py-10xl { padding-block: var(--beam-spacing-10xl); }
  .u-pt-10xl { padding-block-start: var(--beam-spacing-10xl); }
  .u-pb-10xl { padding-block-end: var(--beam-spacing-10xl); }
  .u-ps-10xl { padding-inline-start: var(--beam-spacing-10xl); }
  .u-pe-10xl { padding-inline-end: var(--beam-spacing-10xl); }
  .u-m-10xl { margin: var(--beam-spacing-10xl); }
  .u-mx-10xl { margin-inline: var(--beam-spacing-10xl); }
  .u-my-10xl { margin-block: var(--beam-spacing-10xl); }
  .u-mt-10xl { margin-block-start: var(--beam-spacing-10xl); }
  .u-mb-10xl { margin-block-end: var(--beam-spacing-10xl); }
  .u-ms-10xl { margin-inline-start: var(--beam-spacing-10xl); }
  .u-me-10xl { margin-inline-end: var(--beam-spacing-10xl); }
  .u-gap-11xl { gap: var(--beam-spacing-11xl); }
  .u-p-11xl { padding: var(--beam-spacing-11xl); }
  .u-px-11xl { padding-inline: var(--beam-spacing-11xl); }
  .u-py-11xl { padding-block: var(--beam-spacing-11xl); }
  .u-pt-11xl { padding-block-start: var(--beam-spacing-11xl); }
  .u-pb-11xl { padding-block-end: var(--beam-spacing-11xl); }
  .u-ps-11xl { padding-inline-start: var(--beam-spacing-11xl); }
  .u-pe-11xl { padding-inline-end: var(--beam-spacing-11xl); }
  .u-m-11xl { margin: var(--beam-spacing-11xl); }
  .u-mx-11xl { margin-inline: var(--beam-spacing-11xl); }
  .u-my-11xl { margin-block: var(--beam-spacing-11xl); }
  .u-mt-11xl { margin-block-start: var(--beam-spacing-11xl); }
  .u-mb-11xl { margin-block-end: var(--beam-spacing-11xl); }
  .u-ms-11xl { margin-inline-start: var(--beam-spacing-11xl); }
  .u-me-11xl { margin-inline-end: var(--beam-spacing-11xl); }
  .u-px-container { padding-inline: var(--beam-container-padding); }
  .u-stack-xs { row-gap: var(--beam-stack-xs); }
  .u-stack-sm { row-gap: var(--beam-stack-sm); }
  .u-stack-md { row-gap: var(--beam-stack-md); }
  .u-stack-lg { row-gap: var(--beam-stack-lg); }
  .u-stack-xl { row-gap: var(--beam-stack-xl); }
  .u-stack-2xl { row-gap: var(--beam-stack-2xl); }
  .u-inline-xs { column-gap: var(--beam-inline-xs); }
  .u-inline-sm { column-gap: var(--beam-inline-sm); }
  .u-inline-md { column-gap: var(--beam-inline-md); }
  .u-inline-lg { column-gap: var(--beam-inline-lg); }
  .u-gutter-sm { column-gap: var(--beam-gutter-sm); }
  .u-gutter-md { column-gap: var(--beam-gutter-md); }
  .u-gutter-lg { column-gap: var(--beam-gutter-lg); }
  .u-inset-none { padding: var(--beam-inset-none); }
  .u-inset-xs { padding: var(--beam-inset-xs); }
  .u-inset-sm { padding: var(--beam-inset-sm); }
  .u-inset-md { padding: var(--beam-inset-md); }
  .u-inset-lg { padding: var(--beam-inset-lg); }
  .u-inset-xl { padding: var(--beam-inset-xl); }
  .u-region-xs { padding-block: var(--beam-region-xs); }
  .u-region-sm { padding-block: var(--beam-region-sm); }
  .u-region-md { padding-block: var(--beam-region-md); }
  .u-region-lg { padding-block: var(--beam-region-lg); }
  .u-region-xl { padding-block: var(--beam-region-xl); }
  .u-max-w-xxs { max-inline-size: var(--beam-width-xxs); }
  .u-w-xxs { inline-size: var(--beam-width-xxs); }
  .u-max-w-xs { max-inline-size: var(--beam-width-xs); }
  .u-w-xs { inline-size: var(--beam-width-xs); }
  .u-max-w-sm { max-inline-size: var(--beam-width-sm); }
  .u-w-sm { inline-size: var(--beam-width-sm); }
  .u-max-w-md { max-inline-size: var(--beam-width-md); }
  .u-w-md { inline-size: var(--beam-width-md); }
  .u-max-w-lg { max-inline-size: var(--beam-width-lg); }
  .u-w-lg { inline-size: var(--beam-width-lg); }
  .u-max-w-xl { max-inline-size: var(--beam-width-xl); }
  .u-w-xl { inline-size: var(--beam-width-xl); }
  .u-max-w-2xl { max-inline-size: var(--beam-width-2xl); }
  .u-w-2xl { inline-size: var(--beam-width-2xl); }
  .u-max-w-3xl { max-inline-size: var(--beam-width-3xl); }
  .u-w-3xl { inline-size: var(--beam-width-3xl); }
  .u-max-w-4xl { max-inline-size: var(--beam-width-4xl); }
  .u-w-4xl { inline-size: var(--beam-width-4xl); }
  .u-max-w-5xl { max-inline-size: var(--beam-width-5xl); }
  .u-w-5xl { inline-size: var(--beam-width-5xl); }
  .u-max-w-6xl { max-inline-size: var(--beam-width-6xl); }
  .u-w-6xl { inline-size: var(--beam-width-6xl); }
  .u-max-w-container { max-inline-size: var(--beam-container-max-width); margin-inline: auto; }
  .u-measure { max-inline-size: var(--beam-paragraph-max-width); }
  .u-max-w-3xs { max-inline-size: var(--beam-width-3xs); }
  .u-w-3xs { inline-size: var(--beam-width-3xs); }
  .u-font-primary { font-family: var(--beam-font-family-primary); }
  .u-font-secondary { font-family: var(--beam-font-family-secondary); }
  .u-font-mono { font-family: var(--beam-font-family-mono); }
  .u-radius-none { border-radius: var(--beam-radius-none); }
  .u-radius-sharp { border-radius: var(--beam-radius-sharp); }
  .u-radius-crisp { border-radius: var(--beam-radius-crisp); }
  .u-radius-soft { border-radius: var(--beam-radius-soft); }
  .u-radius-pill { border-radius: var(--beam-radius-pill); }
  .u-radius-rounded { border-radius: var(--beam-radius-rounded); }
  .u-radius-smooth { border-radius: var(--beam-radius-smooth); }
  .u-radius-plush { border-radius: var(--beam-radius-plush); }
  .u-radius-outer-spacing { border-radius: var(--beam-radius-outer-spacing); }
  .u-radius-outer-sharp { border-radius: var(--beam-radius-outer-sharp); }
  .u-radius-outer-crisp { border-radius: var(--beam-radius-outer-crisp); }
  .u-radius-outer-soft { border-radius: var(--beam-radius-outer-soft); }
  .u-radius-outer-rounded { border-radius: var(--beam-radius-outer-rounded); }
  .u-radius-outer-smooth { border-radius: var(--beam-radius-outer-smooth); }
  .u-radius-outer-plush { border-radius: var(--beam-radius-outer-plush); }
  .u-duration-base { transition-duration: var(--beam-duration-base); }
  .u-duration-deliberate { transition-duration: var(--beam-duration-deliberate); }
  .u-duration-fast-1 { transition-duration: var(--beam-duration-fast-1); }
  .u-duration-fast-2 { transition-duration: var(--beam-duration-fast-2); }
  .u-duration-instant { transition-duration: var(--beam-duration-instant); }
  .u-duration-slow-1 { transition-duration: var(--beam-duration-slow-1); }
  .u-duration-slow-2 { transition-duration: var(--beam-duration-slow-2); }
  .u-ease-enter { transition-timing-function: var(--beam-ease-enter); }
  .u-ease-exit { transition-timing-function: var(--beam-ease-exit); }
  .u-ease-linear { transition-timing-function: var(--beam-ease-linear); }
  .u-ease-spring { transition-timing-function: var(--beam-ease-spring); }
  .u-ease-standard { transition-timing-function: var(--beam-ease-standard); }
  .u-stagger-1 { transition-delay: var(--beam-stagger-1); }
  .u-stagger-2 { transition-delay: var(--beam-stagger-2); }
  .u-stagger-3 { transition-delay: var(--beam-stagger-3); }
  .u-type-display-2xl { font: var(--beam-type-display-2xl); letter-spacing: var(--beam-type-display-2xl-tracking); }
  .u-type-display-xl { font: var(--beam-type-display-xl); letter-spacing: var(--beam-type-display-xl-tracking); }
  .u-type-display-lg { font: var(--beam-type-display-lg); letter-spacing: var(--beam-type-display-lg-tracking); }
  .u-type-h1 { font: var(--beam-type-h1); letter-spacing: var(--beam-type-h1-tracking); }
  .u-type-h2 { font: var(--beam-type-h2); letter-spacing: var(--beam-type-h2-tracking); }
  .u-type-h3 { font: var(--beam-type-h3); letter-spacing: var(--beam-type-h3-tracking); }
  .u-type-h4 { font: var(--beam-type-h4); letter-spacing: var(--beam-type-h4-tracking); }
  .u-type-h5 { font: var(--beam-type-h5); letter-spacing: var(--beam-type-h5-tracking); }
  .u-type-h6 { font: var(--beam-type-h6); letter-spacing: var(--beam-type-h6-tracking); }
  .u-type-body-lg { font: var(--beam-type-body-lg); letter-spacing: var(--beam-type-body-lg-tracking); }
  .u-type-body { font: var(--beam-type-body); letter-spacing: var(--beam-type-body-tracking); }
  .u-type-body-sm { font: var(--beam-type-body-sm); letter-spacing: var(--beam-type-body-sm-tracking); }
  .u-type-caption { font: var(--beam-type-caption); letter-spacing: var(--beam-type-caption-tracking); }
  .u-type-overline { font: var(--beam-type-overline); letter-spacing: var(--beam-type-overline-tracking); }
  .u-type-code { font: var(--beam-type-code); letter-spacing: var(--beam-type-code-tracking); }
  .u-type-label-lg { font: var(--beam-type-label-lg); letter-spacing: var(--beam-type-label-lg-tracking); }
  .u-type-label { font: var(--beam-type-label); letter-spacing: var(--beam-type-label-tracking); }
  .u-type-label-sm { font: var(--beam-type-label-sm); letter-spacing: var(--beam-type-label-sm-tracking); }
  .u-depth-low { box-shadow: var(--beam-depth-low); }
  .u-depth-mid { box-shadow: var(--beam-depth-mid); }
  .u-depth-high { box-shadow: var(--beam-depth-high); }
  .u-depth-low-around { box-shadow: var(--beam-depth-low-around); }
  .u-depth-low-up { box-shadow: var(--beam-depth-low-up); }
  .u-depth-low-start { box-shadow: var(--beam-depth-low-start); }
  .u-depth-low-end { box-shadow: var(--beam-depth-low-end); }
  .u-depth-mid-around { box-shadow: var(--beam-depth-mid-around); }
  .u-depth-mid-up { box-shadow: var(--beam-depth-mid-up); }
  .u-depth-mid-start { box-shadow: var(--beam-depth-mid-start); }
  .u-depth-mid-end { box-shadow: var(--beam-depth-mid-end); }
  .u-depth-high-around { box-shadow: var(--beam-depth-high-around); }
  .u-depth-high-up { box-shadow: var(--beam-depth-high-up); }
  .u-depth-high-start { box-shadow: var(--beam-depth-high-start); }
  .u-depth-high-end { box-shadow: var(--beam-depth-high-end); }
  .u-depth-ring { box-shadow: var(--beam-depth-ring); }
  .u-depth-inset-low { box-shadow: var(--beam-depth-inset-low); }
  .u-depth-inset-mid { box-shadow: var(--beam-depth-inset-mid); }
  .u-ring-brand { box-shadow: var(--beam-ring-brand); }
  .u-glow-brand { box-shadow: var(--beam-glow-brand); }
  .u-ring-error { box-shadow: var(--beam-ring-error); }
  .u-glow-error { box-shadow: var(--beam-glow-error); }
  .u-ring-warning { box-shadow: var(--beam-ring-warning); }
  .u-glow-warning { box-shadow: var(--beam-glow-warning); }
  .u-ring-success { box-shadow: var(--beam-ring-success); }
  .u-glow-success { box-shadow: var(--beam-glow-success); }
  .u-ring-info { box-shadow: var(--beam-ring-info); }
  .u-glow-info { box-shadow: var(--beam-glow-info); }
  .u-gradient-tonal-rebecca-depth { background-image: var(--beam-gradient-tonal-rebecca-depth); }
  .u-gradient-tonal-iris-depth { background-image: var(--beam-gradient-tonal-iris-depth); }
  .u-gradient-tonal-teal-depth { background-image: var(--beam-gradient-tonal-teal-depth); }
  .u-gradient-tonal-amber-depth { background-image: var(--beam-gradient-tonal-amber-depth); }
  .u-gradient-tonal-slate-depth { background-image: var(--beam-gradient-tonal-slate-depth); }
  .u-gradient-analogous-violet-hour { background-image: var(--beam-gradient-analogous-violet-hour); }
  .u-gradient-analogous-deep-sea { background-image: var(--beam-gradient-analogous-deep-sea); }
  .u-gradient-analogous-lagoon { background-image: var(--beam-gradient-analogous-lagoon); }
  .u-gradient-analogous-meadow { background-image: var(--beam-gradient-analogous-meadow); }
  .u-gradient-analogous-rosebud { background-image: var(--beam-gradient-analogous-rosebud); }
  .u-gradient-analogous-ember { background-image: var(--beam-gradient-analogous-ember); }
  .u-gradient-signature-twilight { background-image: var(--beam-gradient-signature-twilight); }
  .u-gradient-signature-flare { background-image: var(--beam-gradient-signature-flare); }
  .u-gradient-signature-abyss { background-image: var(--beam-gradient-signature-abyss); }
  .u-gradient-signature-dawn { background-image: var(--beam-gradient-signature-dawn); }
  .u-gradient-wash-petal { background-image: var(--beam-gradient-wash-petal); }
  .u-gradient-wash-coast { background-image: var(--beam-gradient-wash-coast); }
  .u-gradient-wash-sunset { background-image: var(--beam-gradient-wash-sunset); }
  .u-gradient-wash-orchid { background-image: var(--beam-gradient-wash-orchid); }
  .u-gradient-tri-stop-sunset-run { background-image: var(--beam-gradient-tri-stop-sunset-run); }
  .u-gradient-tri-stop-ocean-run { background-image: var(--beam-gradient-tri-stop-ocean-run); }
  .u-gradient-tri-stop-aurora-run { background-image: var(--beam-gradient-tri-stop-aurora-run); }
  .u-mx-auto { margin-inline: auto; }
  .u-visually-hidden { position: absolute !important; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; }
  .u-truncate { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
  .u-text-balance { text-wrap: balance; }
}