/* Blend-ed Design System 2.0 tokens (v2.15.0), copied from the design skill's colors_and_type.css `:root` (generated
   there from Figma; do not hand-edit here, copy it again). Only the fonts the public pages use are loaded, as woff2
   (blendxui's). */
@font-face { font-family: 'Inter'; font-style: normal; font-weight: 400; font-display: swap; src: url("/static/blendxtheme/fonts/blendx/Inter-Regular.a22e5754aec3.woff2") format('woff2'); }
@font-face { font-family: 'Inter'; font-style: normal; font-weight: 500; font-display: swap; src: url("/static/blendxtheme/fonts/blendx/Inter-Medium.e3db3faa66d6.woff2") format('woff2'); }
@font-face { font-family: 'Inter'; font-style: normal; font-weight: 600; font-display: swap; src: url("/static/blendxtheme/fonts/blendx/Inter-SemiBold.a930c6d6bd0b.woff2") format('woff2'); }
@font-face { font-family: 'Inter Display'; font-style: normal; font-weight: 500; font-display: swap; src: url("/static/blendxtheme/fonts/blendx/InterDisplay-Medium.6a1824d43686.woff2") format('woff2'); }

:root {

  /* ---- PRIMITIVE · core ramps — Figma Colour › Colors. Gray = neutral, Blue = brand (aliased as Primary), Red = Error, Green + Amber = status only ---- */
  --gray-1: #FCFCFC;
  --gray-2: #F9F9F9;
  --gray-3: #F0F0F0;
  --gray-4: #E8E8E8;
  --gray-5: #E0E0E0;
  --gray-6: #D9D9D9;
  --gray-7: #CECECE;
  --gray-8: #BBBBBB;
  --gray-9: #8D8D8D;
  --gray-10: #838383;
  --gray-11: #646464;
  --gray-12: #202020;
  --gray-alpha-1: rgba(0,0,0,0.012);
  --gray-alpha-2: rgba(0,0,0,0.023);
  --gray-alpha-3: rgba(0,0,0,0.059);
  --gray-alpha-4: rgba(0,0,0,0.09);
  --gray-alpha-5: rgba(0,0,0,0.122);
  --gray-alpha-6: rgba(0,0,0,0.149);
  --gray-alpha-7: rgba(0,0,0,0.192);
  --gray-alpha-8: rgba(0,0,0,0.267);
  --gray-alpha-9: rgba(0,0,0,0.447);
  --gray-alpha-10: rgba(0,0,0,0.486);
  --gray-alpha-11: rgba(0,0,0,0.608);
  --gray-alpha-12: rgba(0,0,0,0.874);
  --blue-1: #FDFDFE;
  --blue-2: #F6F9FF;
  --blue-3: #ECF2FF;
  --blue-4: #DDEAFF;
  --blue-5: #CDDFFF;
  --blue-6: #B8D1FF;
  --blue-7: #A1BEFF;
  --blue-8: #81A4FF;
  --blue-9: #3358F2;
  --blue-10: #2C4DD5;
  --blue-11: #3154DC;
  --blue-12: #192B65;
  --blue-alpha-1: rgba(0,0,128,0.008);
  --blue-alpha-2: rgba(0,85,255,0.035);
  --blue-alpha-3: rgba(0,81,255,0.075);
  --blue-alpha-4: rgba(0,98,255,0.133);
  --blue-alpha-5: rgba(0,92,255,0.196);
  --blue-alpha-6: rgba(0,90,255,0.278);
  --blue-alpha-7: rgba(0,79,255,0.369);
  --blue-alpha-8: rgba(0,71,255,0.494);
  --blue-alpha-9: rgba(0,46,239,0.8);
  --blue-alpha-10: rgba(0,40,204,0.827);
  --blue-alpha-11: rgba(0,43,212,0.808);
  --blue-alpha-12: rgba(0,20,84,0.902);
  --red-1: #FFFCFC;
  --red-2: #FFF7F7;
  --red-3: #FEEBEC;
  --red-4: #FFDBDC;
  --red-5: #FFCDCE;
  --red-6: #FDBDBE;
  --red-7: #F4A9AA;
  --red-8: #EB8E90;
  --red-9: #E5484D;
  --red-10: #DC3E42;
  --red-11: #CE2C31;
  --red-12: #641723;
  --red-alpha-1: rgba(255,0,0,0.012);
  --red-alpha-2: rgba(255,0,0,0.031);
  --red-alpha-3: rgba(243,0,13,0.078);
  --red-alpha-4: rgba(255,0,8,0.141);
  --red-alpha-5: rgba(255,0,6,0.196);
  --red-alpha-6: rgba(248,0,4,0.259);
  --red-alpha-7: rgba(223,0,3,0.337);
  --red-alpha-8: rgba(210,0,5,0.443);
  --red-alpha-9: rgba(219,0,7,0.718);
  --red-alpha-10: rgba(209,0,5,0.757);
  --red-alpha-11: rgba(196,0,6,0.827);
  --red-alpha-12: rgba(85,0,13,0.9);
  --green-1: #FBFEFC;
  --green-2: #F4FBF6;
  --green-3: #E6F6EB;
  --green-4: #D6F1DF;
  --green-5: #C4E8D1;
  --green-6: #ADDDC0;
  --green-7: #8ECEAA;
  --green-8: #5BB98B;
  --green-9: #30A46C;
  --green-10: #2B9A66;
  --green-11: #218358;
  --green-12: #193B2D;
  --green-alpha-1: rgba(0,192,64,0.016);
  --green-alpha-2: rgba(0,153,0,0.039);
  --green-alpha-3: rgba(0,151,0,0.086);
  --green-alpha-4: rgba(0,159,7,0.145);
  --green-alpha-5: rgba(0,147,5,0.212);
  --green-alpha-6: rgba(0,143,10,0.302);
  --green-alpha-7: rgba(1,139,15,0.42);
  --green-alpha-8: rgba(0,141,25,0.604);
  --green-alpha-9: rgba(0,134,25,0.725);
  --green-alpha-10: rgba(0,123,23,0.757);
  --green-alpha-11: rgba(0,101,20,0.835);
  --green-alpha-12: rgba(0,32,6,0.874);
  --amber-1: #FEFDFB;
  --amber-2: #FEFBE9;
  --amber-3: #FFF7C2;
  --amber-4: #FFEE9C;
  --amber-5: #FBE577;
  --amber-6: #F3D673;
  --amber-7: #E9C162;
  --amber-8: #E2A336;
  --amber-9: #FFC53D;
  --amber-10: #FFBA18;
  --amber-11: #AB6400;
  --amber-12: #4F3422;
  --amber-alpha-1: rgba(192,128,0,0.016);
  --amber-alpha-2: rgba(244,209,0,0.086);
  --amber-alpha-3: rgba(255,222,0,0.239);
  --amber-alpha-4: rgba(255,212,0,0.388);
  --amber-alpha-5: rgba(248,207,0,0.533);
  --amber-alpha-6: rgba(234,181,0,0.549);
  --amber-alpha-7: rgba(220,155,0,0.616);
  --amber-alpha-8: rgba(218,138,0,0.788);
  --amber-alpha-9: rgba(255,179,0,0.761);
  --amber-alpha-10: rgba(255,179,0,0.906);
  --amber-alpha-11: #AB6400;
  --amber-alpha-12: rgba(52,21,0,0.867);

  /* ---- PRIMITIVE · extended palette — Figma Colour › Colors. Data-viz and illustration only; never core UI chrome ---- */
  --pink-1: #FFFCFE;
  --pink-2: #FEF7FB;
  --pink-3: #FEE9F5;
  --pink-4: #FBDCEF;
  --pink-5: #F6CEE7;
  --pink-6: #EFBFDD;
  --pink-7: #E7ACD0;
  --pink-8: #DD93C2;
  --pink-9: #D6409F;
  --pink-10: #CF3897;
  --pink-11: #C2298A;
  --pink-12: #651249;
  --pink-alpha-1: rgba(255,0,170,0.012);
  --pink-alpha-2: rgba(224,0,128,0.031);
  --pink-alpha-3: rgba(244,0,140,0.086);
  --pink-alpha-4: rgba(226,0,139,0.137);
  --pink-alpha-5: rgba(209,0,131,0.192);
  --pink-alpha-6: rgba(192,0,120,0.251);
  --pink-alpha-7: rgba(182,0,111,0.326);
  --pink-alpha-8: rgba(175,0,111,0.424);
  --pink-alpha-9: rgba(200,0,127,0.749);
  --pink-alpha-10: rgba(194,0,122,0.78);
  --pink-alpha-11: rgba(182,0,116,0.839);
  --pink-alpha-12: rgba(89,0,59,0.929);
  --gold-1: #FDFDFC;
  --gold-2: #FAF9F2;
  --gold-3: #F2F0E7;
  --gold-4: #EAE6DB;
  --gold-5: #E1DCCF;
  --gold-6: #D8D0BF;
  --gold-7: #CBC0AA;
  --gold-8: #B9A88D;
  --gold-9: #978365;
  --gold-10: #8C7A5E;
  --gold-11: #71624B;
  --gold-12: #3B352B;
  --bronze-1: #FDFCFC;
  --bronze-2: #FDF7F5;
  --bronze-3: #F6EDEA;
  --bronze-4: #EFE4DF;
  --bronze-5: #E7D9D3;
  --bronze-6: #DFCDC5;
  --bronze-7: #D3BCB3;
  --bronze-8: #C2A499;
  --bronze-9: #A18072;
  --bronze-10: #957468;
  --bronze-11: #7D5E54;
  --bronze-12: #43302B;
  --brown-1: #FEFDFC;
  --brown-2: #FCF9F6;
  --brown-3: #F6EEE7;
  --brown-4: #F0E4D9;
  --brown-5: #EBDACA;
  --brown-6: #E4CDB7;
  --brown-7: #DCBC9F;
  --brown-8: #CEA37E;
  --brown-9: #AD7F58;
  --brown-10: #A07553;
  --brown-11: #815E46;
  --brown-12: #3E332E;
  --yellow-1: #FDFDF9;
  --yellow-2: #FEFCE9;
  --yellow-3: #FFFAB8;
  --yellow-4: #FFF394;
  --yellow-5: #FFE770;
  --yellow-6: #F3D768;
  --yellow-7: #E4C767;
  --yellow-8: #D5AE39;
  --yellow-9: #FFE629;
  --yellow-10: #FFDC00;
  --yellow-11: #9E6C00;
  --yellow-12: #473B1F;
  --orange-1: #FEFCFB;
  --orange-2: #FFF7ED;
  --orange-3: #FFEFD6;
  --orange-4: #FFDFB5;
  --orange-5: #FFD19A;
  --orange-6: #FFC182;
  --orange-7: #F5AE73;
  --orange-8: #EC9455;
  --orange-9: #F76B15;
  --orange-10: #EF5F00;
  --orange-11: #CC4E00;
  --orange-12: #582D1D;
  --tomato-1: #FFFCFC;
  --tomato-2: #FFF8F7;
  --tomato-3: #FEEBE7;
  --tomato-4: #FFDCD3;
  --tomato-5: #FFCDC2;
  --tomato-6: #FDBDAF;
  --tomato-7: #F5A898;
  --tomato-8: #EC8E7B;
  --tomato-9: #E54D2E;
  --tomato-10: #DD4425;
  --tomato-11: #D13415;
  --tomato-12: #5C271F;
  --ruby-1: #FFFCFD;
  --ruby-2: #FFF7F9;
  --ruby-3: #FEEFF3;
  --ruby-4: #FFDCE1;
  --ruby-5: #FFCED6;
  --ruby-6: #F8BFC8;
  --ruby-7: #EFACB8;
  --ruby-8: #E592A3;
  --ruby-9: #E54666;
  --ruby-10: #DC3B5D;
  --ruby-11: #CA244D;
  --ruby-12: #64172B;
  --crimson-1: #FFFCFD;
  --crimson-2: #FEF7F9;
  --crimson-3: #FFE9F0;
  --crimson-4: #FEDCE7;
  --crimson-5: #FACEDD;
  --crimson-6: #F3BED1;
  --crimson-7: #EAACC3;
  --crimson-8: #E093B2;
  --crimson-9: #E93D82;
  --crimson-10: #DF3478;
  --crimson-11: #CB1D63;
  --crimson-12: #621639;
  --plum-1: #FEFCFF;
  --plum-2: #FDF7FD;
  --plum-3: #FBEBFB;
  --plum-4: #F7DEF8;
  --plum-5: #F2D1F3;
  --plum-6: #E9C2EC;
  --plum-7: #DEADE3;
  --plum-8: #CF91D8;
  --plum-9: #AB4ABA;
  --plum-10: #A144AF;
  --plum-11: #953EA3;
  --plum-12: #53195D;
  --plum-alpha-1: rgba(170,0,255,0.012);
  --plum-alpha-2: rgba(192,0,192,0.031);
  --plum-alpha-3: rgba(204,0,204,0.078);
  --plum-alpha-4: rgba(194,0,201,0.129);
  --plum-alpha-5: rgba(183,0,189,0.18);
  --plum-alpha-6: rgba(164,0,176,0.239);
  --plum-alpha-7: rgba(153,0,168,0.322);
  --plum-alpha-8: rgba(144,0,165,0.431);
  --plum-alpha-9: rgba(137,0,158,0.71);
  --plum-alpha-10: rgba(127,0,146,0.733);
  --plum-alpha-11: rgba(115,0,134,0.757);
  --plum-alpha-12: rgba(64,0,75,0.902);
  --purple-1: #FEFCFE;
  --purple-2: #FBF7FE;
  --purple-3: #F7EDFE;
  --purple-4: #F2E2FC;
  --purple-5: #EAD5F9;
  --purple-6: #E0C4F4;
  --purple-7: #D1AFEC;
  --purple-8: #BE93E4;
  --purple-9: #8E4EC6;
  --purple-10: #8347B9;
  --purple-11: #8145B5;
  --purple-12: #402060;
  --purple-alpha-1: rgba(170,0,170,0.012);
  --purple-alpha-2: rgba(128,0,224,0.031);
  --purple-alpha-3: rgba(142,0,241,0.071);
  --purple-alpha-4: rgba(141,0,229,0.114);
  --purple-alpha-5: rgba(128,0,219,0.165);
  --purple-alpha-6: rgba(122,1,208,0.231);
  --purple-alpha-7: rgba(109,0,195,0.314);
  --purple-alpha-8: rgba(102,0,192,0.424);
  --purple-alpha-9: rgba(92,0,173,0.694);
  --purple-alpha-10: rgba(83,0,158,0.722);
  --purple-alpha-11: rgba(82,0,154,0.729);
  --purple-alpha-12: rgba(37,0,73,0.874);
  --violet-1: #FDFCFE;
  --violet-2: #FAF8FF;
  --violet-3: #F4F0FE;
  --violet-4: #EBE4FF;
  --violet-5: #E1D9FF;
  --violet-6: #D4CAFE;
  --violet-7: #C2B5F5;
  --violet-8: #AA99EC;
  --violet-9: #6E56CF;
  --violet-10: #654DC4;
  --violet-11: #6550B9;
  --violet-12: #2F265F;
  --violet-alpha-1: rgba(85,0,170,0.012);
  --violet-alpha-2: rgba(73,0,255,0.027);
  --violet-alpha-3: rgba(68,0,238,0.059);
  --violet-alpha-4: rgba(67,0,255,0.106);
  --violet-alpha-5: rgba(54,0,255,0.149);
  --violet-alpha-6: rgba(49,0,251,0.208);
  --violet-alpha-7: rgba(45,1,221,0.29);
  --violet-alpha-8: rgba(43,0,208,0.4);
  --violet-alpha-9: rgba(36,0,183,0.663);
  --violet-alpha-10: rgba(35,0,171,0.698);
  --violet-alpha-11: rgba(31,0,153,0.686);
  --violet-alpha-12: rgba(11,0,67,0.851);
  --iris-1: #FDFDFF;
  --iris-2: #F8F8FF;
  --iris-3: #F0F1FE;
  --iris-4: #E6E7FF;
  --iris-5: #DADCFF;
  --iris-6: #CBCDFF;
  --iris-7: #B8BAF8;
  --iris-8: #9B9EF0;
  --iris-9: #5B5BD6;
  --iris-10: #5151CD;
  --iris-11: #5753C6;
  --iris-12: #272962;
  --light-blue-1: #FBFDFF;
  --light-blue-2: #F4FAFF;
  --light-blue-3: #E6F4FE;
  --light-blue-4: #D5EFFF;
  --light-blue-5: #C2E5FF;
  --light-blue-6: #ACD8FC;
  --light-blue-7: #8EC8F6;
  --light-blue-8: #5EB1EF;
  --light-blue-9: #0090FF;
  --light-blue-10: #0588F0;
  --light-blue-11: #0D74CE;
  --light-blue-12: #113264;
  --cyan-1: #FAFDFE;
  --cyan-2: #F2FAFB;
  --cyan-3: #DEF7F9;
  --cyan-4: #CAF1F6;
  --cyan-5: #B5E9F0;
  --cyan-6: #9DDDE7;
  --cyan-7: #7DCEDC;
  --cyan-8: #3DB9CF;
  --cyan-9: #00A2C7;
  --cyan-10: #0797B9;
  --cyan-11: #107D98;
  --cyan-12: #0D3C48;
  --cyan-alpha-1: rgba(0,153,204,0.02);
  --cyan-alpha-2: rgba(0,157,177,0.051);
  --cyan-alpha-3: rgba(0,194,209,0.129);
  --cyan-alpha-4: rgba(0,188,212,0.208);
  --cyan-alpha-5: rgba(1,180,204,0.29);
  --cyan-alpha-6: rgba(0,167,193,0.384);
  --cyan-alpha-7: rgba(0,159,187,0.51);
  --cyan-alpha-8: rgba(0,163,192,0.761);
  --cyan-alpha-9: #00A2C7;
  --cyan-alpha-10: rgba(0,148,183,0.973);
  --cyan-alpha-11: rgba(0,116,145,0.937);
  --cyan-alpha-12: rgba(0,50,62,0.949);
  --teal-1: #FAFEFD;
  --teal-2: #F3FBF9;
  --teal-3: #E0F8F3;
  --teal-4: #CCF3EA;
  --teal-5: #B8EAE0;
  --teal-6: #A1DED2;
  --teal-7: #83CDC1;
  --teal-8: #53B9AB;
  --teal-9: #12A594;
  --teal-10: #0D9B8A;
  --teal-11: #008573;
  --teal-12: #0D3D38;
  --teal-alpha-1: rgba(0,204,153,0.02);
  --teal-alpha-2: rgba(0,170,128,0.047);
  --teal-alpha-3: rgba(0,198,157,0.122);
  --teal-alpha-4: rgba(0,195,150,0.2);
  --teal-alpha-5: rgba(0,180,144,0.278);
  --teal-alpha-6: rgba(0,166,133,0.369);
  --teal-alpha-7: rgba(0,153,128,0.486);
  --teal-alpha-8: rgba(0,151,131,0.674);
  --teal-alpha-9: rgba(0,158,140,0.929);
  --teal-alpha-10: rgba(0,150,132,0.949);
  --teal-alpha-11: #008573;
  --teal-alpha-12: rgba(0,51,45,0.949);
  --jade-1: #FBFEFD;
  --jade-2: #F4FBF7;
  --jade-3: #E6F7ED;
  --jade-4: #D6F1E3;
  --jade-5: #C3E9D7;
  --jade-6: #ACDEC8;
  --jade-7: #8BCEB6;
  --jade-8: #56BA9F;
  --jade-9: #29A383;
  --jade-10: #26997B;
  --jade-11: #208368;
  --jade-12: #1D3B31;
  --jade-alpha-1: rgba(0,192,128,0.016);
  --jade-alpha-2: rgba(0,163,70,0.043);
  --jade-alpha-3: rgba(0,174,72,0.098);
  --jade-alpha-4: rgba(0,168,81,0.161);
  --jade-alpha-5: rgba(0,162,85,0.235);
  --jade-alpha-6: rgba(0,154,87,0.326);
  --jade-alpha-7: rgba(0,148,95,0.455);
  --jade-alpha-8: rgba(0,151,110,0.663);
  --jade-alpha-9: rgba(0,145,107,0.839);
  --jade-alpha-10: rgba(0,135,100,0.851);
  --jade-alpha-11: rgba(0,113,82,0.874);
  --jade-alpha-12: rgba(0,34,23,0.886);
  --grass-1: #FBFEFB;
  --grass-2: #F5FBF5;
  --grass-3: #E9F6E9;
  --grass-4: #DAF1DB;
  --grass-5: #C9E8CA;
  --grass-6: #B2DDB5;
  --grass-7: #94CE9A;
  --grass-8: #65BA74;
  --grass-9: #46A758;
  --grass-10: #3E9B4F;
  --grass-11: #2A7E3B;
  --grass-12: #203C25;
  --lime-1: #FCFDFA;
  --lime-2: #F8FAF3;
  --lime-3: #EEF6D6;
  --lime-4: #E2F0BD;
  --lime-5: #D3E7A6;
  --lime-6: #C2DA91;
  --lime-7: #ABC978;
  --lime-8: #8DB654;
  --lime-9: #BDEE63;
  --lime-10: #B0E64C;
  --lime-11: #5C7C2F;
  --lime-12: #37401C;
  --lime-alpha-1: rgba(102,153,0,0.02);
  --lime-alpha-2: rgba(107,149,0,0.047);
  --lime-alpha-3: rgba(150,200,0,0.161);
  --lime-alpha-4: rgba(143,198,0,0.259);
  --lime-alpha-5: rgba(129,187,0,0.349);
  --lime-alpha-6: rgba(114,170,0,0.431);
  --lime-alpha-7: rgba(97,153,0,0.529);
  --lime-alpha-8: rgba(85,146,0,0.671);
  --lime-alpha-9: rgba(147,228,0,0.612);
  --lime-alpha-10: rgba(143,220,0,0.702);
  --lime-alpha-11: rgba(55,95,0,0.816);
  --lime-alpha-12: rgba(30,41,0,0.89);
  --mint-1: #F9FEFD;
  --mint-2: #F2FBF9;
  --mint-3: #DDF9F2;
  --mint-4: #C8F4E9;
  --mint-5: #B3ECDE;
  --mint-6: #9CE0D0;
  --mint-7: #7ECFBD;
  --mint-8: #4CBBA5;
  --mint-9: #86EAD4;
  --mint-10: #7DE0CB;
  --mint-11: #027864;
  --mint-12: #16433C;
  --mint-alpha-1: rgba(0,213,170,0.023);
  --mint-alpha-2: rgba(0,177,138,0.051);
  --mint-alpha-3: rgba(0,210,158,0.133);
  --mint-alpha-4: rgba(0,204,153,0.216);
  --mint-alpha-5: rgba(0,192,145,0.298);
  --mint-alpha-6: rgba(0,176,134,0.388);
  --mint-alpha-7: rgba(0,161,125,0.506);
  --mint-alpha-8: rgba(0,158,127,0.702);
  --mint-alpha-9: rgba(0,211,165,0.475);
  --mint-alpha-10: rgba(0,195,153,0.51);
  --mint-alpha-11: rgba(0,119,99,0.992);
  --mint-alpha-12: rgba(0,49,42,0.914);
  --sky-1: #F9FEFF;
  --sky-2: #F1FAFD;
  --sky-3: #E1F6FD;
  --sky-4: #D1F0FA;
  --sky-5: #BEE7F5;
  --sky-6: #A9DAED;
  --sky-7: #8DCAE3;
  --sky-8: #60B3D7;
  --sky-9: #7CE2FE;
  --sky-10: #74DAF8;
  --sky-11: #00749E;
  --sky-12: #1D3E56;
  --sky-alpha-1: rgba(0,213,255,0.023);
  --sky-alpha-2: rgba(0,164,219,0.055);
  --sky-alpha-3: rgba(0,179,238,0.118);
  --sky-alpha-4: rgba(0,172,228,0.18);
  --sky-alpha-5: rgba(0,161,216,0.255);
  --sky-alpha-6: rgba(0,146,202,0.337);
  --sky-alpha-7: rgba(0,137,193,0.447);
  --sky-alpha-8: rgba(0,133,191,0.623);
  --sky-alpha-9: rgba(0,199,254,0.514);
  --sky-alpha-10: rgba(0,188,243,0.545);
  --sky-alpha-11: #00749E;
  --sky-alpha-12: rgba(0,37,64,0.886);

  /* ---- PRIMITIVE · overlays — Figma Colour › Overlays. Pure black / white at 5–95% ---- */
  --black-alpha-1: rgba(0,0,0,0.05);
  --black-alpha-2: rgba(0,0,0,0.1);
  --black-alpha-3: rgba(0,0,0,0.15);
  --black-alpha-4: rgba(0,0,0,0.2);
  --black-alpha-5: rgba(0,0,0,0.3);
  --black-alpha-6: rgba(0,0,0,0.4);
  --black-alpha-7: rgba(0,0,0,0.5);
  --black-alpha-8: rgba(0,0,0,0.6);
  --black-alpha-9: rgba(0,0,0,0.7);
  --black-alpha-10: rgba(0,0,0,0.8);
  --black-alpha-11: rgba(0,0,0,0.9);
  --black-alpha-12: rgba(0,0,0,0.95);
  --white-alpha-1: rgba(255,255,255,0.05);
  --white-alpha-2: rgba(255,255,255,0.1);
  --white-alpha-3: rgba(255,255,255,0.15);
  --white-alpha-4: rgba(255,255,255,0.2);
  --white-alpha-5: rgba(255,255,255,0.3);
  --white-alpha-6: rgba(255,255,255,0.4);
  --white-alpha-7: rgba(255,255,255,0.5);
  --white-alpha-8: rgba(255,255,255,0.6);
  --white-alpha-9: rgba(255,255,255,0.7);
  --white-alpha-10: rgba(255,255,255,0.8);
  --white-alpha-11: rgba(255,255,255,0.9);
  --white-alpha-12: rgba(255,255,255,0.95);

  /* ---- SEMANTIC · Neutral + Primary — Figma Theme. Themable aliases of Gray and Blue (tenant theming re-points these) ---- */
  --neutral-white: #FFFFFF; /* @kind color */
  --neutral-black: var(--gray-12); /* @kind color */ /* #202020 · Theme/Neutral/Default/black */
  --neutral-1: var(--gray-1); /* @kind color */ /* #FCFCFC · Theme/Neutral/Neutral/1 */
  --neutral-2: var(--gray-2); /* @kind color */ /* #F9F9F9 · Theme/Neutral/Neutral/2 */
  --neutral-3: var(--gray-3); /* @kind color */ /* #F0F0F0 · Theme/Neutral/Neutral/3 */
  --neutral-4: var(--gray-4); /* @kind color */ /* #E8E8E8 · Theme/Neutral/Neutral/4 */
  --neutral-5: var(--gray-5); /* @kind color */ /* #E0E0E0 · Theme/Neutral/Neutral/5 */
  --neutral-6: var(--gray-6); /* @kind color */ /* #D9D9D9 · Theme/Neutral/Neutral/6 */
  --neutral-7: var(--gray-7); /* @kind color */ /* #CECECE · Theme/Neutral/Neutral/7 */
  --neutral-8: var(--gray-8); /* @kind color */ /* #BBBBBB · Theme/Neutral/Neutral/8 */
  --neutral-9: var(--gray-9); /* @kind color */ /* #8D8D8D · Theme/Neutral/Neutral/9 */
  --neutral-10: var(--gray-10); /* @kind color */ /* #838383 · Theme/Neutral/Neutral/10 */
  --neutral-11: var(--gray-11); /* @kind color */ /* #646464 · Theme/Neutral/Neutral/11 */
  --neutral-12: var(--gray-12); /* @kind color */ /* #202020 · Theme/Neutral/Neutral/12 */
  --neutral-alpha-1: var(--gray-alpha-1); /* @kind color */ /* rgba(0,0,0,0.012) · Theme/Neutral/Neutral Alpha/1 */
  --neutral-alpha-2: var(--gray-alpha-2); /* @kind color */ /* rgba(0,0,0,0.023) · Theme/Neutral/Neutral Alpha/2 */
  --neutral-alpha-3: var(--gray-alpha-3); /* @kind color */ /* rgba(0,0,0,0.059) · Theme/Neutral/Neutral Alpha/3 */
  --neutral-alpha-4: var(--gray-alpha-4); /* @kind color */ /* rgba(0,0,0,0.09) · Theme/Neutral/Neutral Alpha/4 */
  --neutral-alpha-5: var(--gray-alpha-5); /* @kind color */ /* rgba(0,0,0,0.122) · Theme/Neutral/Neutral Alpha/5 */
  --neutral-alpha-6: var(--gray-alpha-6); /* @kind color */ /* rgba(0,0,0,0.149) · Theme/Neutral/Neutral Alpha/6 */
  --neutral-alpha-7: var(--gray-alpha-7); /* @kind color */ /* rgba(0,0,0,0.192) · Theme/Neutral/Neutral Alpha/7 */
  --neutral-alpha-8: var(--gray-alpha-8); /* @kind color */ /* rgba(0,0,0,0.267) · Theme/Neutral/Neutral Alpha/8 */
  --neutral-alpha-9: var(--gray-alpha-9); /* @kind color */ /* rgba(0,0,0,0.447) · Theme/Neutral/Neutral Alpha/9 */
  --neutral-alpha-10: var(--gray-alpha-10); /* @kind color */ /* rgba(0,0,0,0.486) · Theme/Neutral/Neutral Alpha/10 */
  --neutral-alpha-11: var(--gray-alpha-11); /* @kind color */ /* rgba(0,0,0,0.608) · Theme/Neutral/Neutral Alpha/11 */
  --neutral-alpha-12: var(--gray-alpha-12); /* @kind color */ /* rgba(0,0,0,0.874) · Theme/Neutral/Neutral Alpha/12 */
  --primary-0: var(--blue-1); /* @kind color */ /* #FDFDFE · Theme/Primary/Primary-0 */
  --primary-50: var(--blue-2); /* @kind color */ /* #F6F9FF · Theme/Primary/Primary-50 */
  --primary-100: var(--blue-3); /* @kind color */ /* #ECF2FF · Theme/Primary/Primary-100 */
  --primary-200: var(--blue-4); /* @kind color */ /* #DDEAFF · Theme/Primary/Primary-200 */
  --primary-300: var(--blue-5); /* @kind color */ /* #CDDFFF · Theme/Primary/Primary-300 */
  --primary-400: var(--blue-6); /* @kind color */ /* #B8D1FF · Theme/Primary/Primary-400 */
  --primary-500: var(--blue-7); /* @kind color */ /* #A1BEFF · Theme/Primary/Primary-500 */
  --primary-600: var(--blue-8); /* @kind color */ /* #81A4FF · Theme/Primary/Primary-600 */
  --primary-700: var(--blue-9); /* @kind color */ /* #3358F2 · Theme/Primary/Primary-700 */
  --primary-800: var(--blue-10); /* @kind color */ /* #2C4DD5 · Theme/Primary/Primary-800 */
  --primary-900: var(--blue-11); /* @kind color */ /* #3154DC · Theme/Primary/Primary-900 */
  --primary-950: var(--blue-12); /* @kind color */ /* #192B65 · Theme/Primary/Primary-950 */
  --primary-alpha-0: var(--blue-alpha-1); /* @kind color */ /* rgba(0,0,128,0.008) · Theme/Primary/Primary 2/Primary-Alpha-0 */
  --primary-alpha-50: var(--blue-alpha-2); /* @kind color */ /* rgba(0,85,255,0.035) · Theme/Primary/Primary 2/Primary-Alpha-50 */
  --primary-alpha-100: var(--blue-alpha-3); /* @kind color */ /* rgba(0,81,255,0.075) · Theme/Primary/Primary 2/Primary-Alpha-100 */
  --primary-alpha-200: var(--blue-alpha-4); /* @kind color */ /* rgba(0,98,255,0.133) · Theme/Primary/Primary 2/Primary-Alpha-200 */
  --primary-alpha-300: var(--blue-alpha-5); /* @kind color */ /* rgba(0,92,255,0.196) · Theme/Primary/Primary 2/Primary-Alpha-300 */
  --primary-alpha-400: var(--blue-alpha-6); /* @kind color */ /* rgba(0,90,255,0.278) · Theme/Primary/Primary 2/Primary-Alpha-400 */
  --primary-alpha-500: var(--blue-alpha-7); /* @kind color */ /* rgba(0,79,255,0.369) · Theme/Primary/Primary 2/Primary-Alpha-500 */
  --primary-alpha-600: var(--blue-alpha-8); /* @kind color */ /* rgba(0,71,255,0.494) · Theme/Primary/Primary 2/Primary-Alpha-600 */
  --primary-alpha-700: var(--blue-alpha-9); /* @kind color */ /* rgba(0,46,239,0.8) · Theme/Primary/Primary 2/Primary-Alpha-700 */
  --primary-alpha-800: var(--blue-alpha-10); /* @kind color */ /* rgba(0,40,204,0.827) · Theme/Primary/Primary 2/Primary-Alpha-800 */
  --primary-alpha-900: var(--blue-alpha-11); /* @kind color */ /* rgba(0,43,212,0.808) · Theme/Primary/Primary 2/Primary-Alpha-900 */
  --primary-alpha-950: var(--blue-alpha-12); /* @kind color */ /* rgba(0,20,84,0.902) · Theme/Primary/Primary 2/Primary-Alpha-950 */
  --white-contrast: var(--neutral-white); /* @kind color */ /* #FFFFFF · Theme/white-contrast */
  --black-contrast: var(--neutral-black); /* @kind color */ /* #202020 · Theme/black-contrast */

  /* ---- SEMANTIC · Text · Icons · Stroke · Background — Figma Theme ---- */
  --text-strong: var(--gray-12); /* @kind color */ /* #202020 · Theme/Text/Strong */
  --text-default: var(--gray-11); /* @kind color */ /* #646464 · Theme/Text/Default */
  --text-subtle: var(--gray-8); /* @kind color */ /* #BBBBBB · Theme/Text/Subtle */
  --text-minimal: var(--gray-4); /* @kind color */ /* #E8E8E8 · Theme/Text/Minimal */
  --text-inverse: var(--gray-1); /* @kind color */ /* #FCFCFC · Theme/Text/Inverse */
  --icons-active: var(--gray-12); /* @kind color */ /* #202020 · Theme/Icons/Active */
  --icons-default: var(--gray-10); /* @kind color */ /* #838383 · Theme/Icons/Default */
  --icons-minimal: var(--gray-8); /* @kind color */ /* #BBBBBB · Theme/Icons/Minimal */
  --icons-disabled: var(--gray-7); /* @kind color */ /* #CECECE · Theme/Icons/Disabled */
  --icons-inverse: var(--gray-1); /* @kind color */ /* #FCFCFC · Theme/Icons/Inverse */
  --icons-accent-strong: var(--primary-900); /* @kind color */ /* #3154DC · Theme/Icons/Accent/Strong */
  --icons-accent-default: var(--primary-700); /* @kind color */ /* #3358F2 · Theme/Icons/Accent/Default */
  --icons-accent-subtle: var(--primary-500); /* @kind color */ /* #A1BEFF · Theme/Icons/Accent/Subtle */
  --icons-accent-minimal: var(--primary-300); /* @kind color */ /* #CDDFFF · Theme/Icons/Accent/Minimal */
  --stroke-xstrong: var(--gray-9); /* @kind color */ /* #8D8D8D · Theme/Stroke/XStrong */
  --stroke-strong: var(--gray-8); /* @kind color */ /* #BBBBBB · Theme/Stroke/Strong */
  --stroke-default: var(--gray-5); /* @kind color */ /* #E0E0E0 · Theme/Stroke/Default */
  --stroke-subtle: var(--gray-3); /* @kind color */ /* #F0F0F0 · Theme/Stroke/Subtle */
  --stroke-disabled: var(--gray-1); /* @kind color */ /* #FCFCFC · Theme/Stroke/Disabled */
  --stroke-accent-xstrong: var(--primary-700); /* @kind color */ /* #3358F2 · Theme/Stroke/Accent/XStrong */
  --stroke-accent-strong: var(--primary-600); /* @kind color */ /* #81A4FF · Theme/Stroke/Accent/Strong */
  --stroke-accent-default: var(--primary-400); /* @kind color */ /* #B8D1FF · Theme/Stroke/Accent/Default */
  --stroke-accent-subtle: var(--primary-200); /* @kind color */ /* #DDEAFF · Theme/Stroke/Accent/Subtle */
  --background-strong: var(--gray-5); /* @kind color */ /* #E0E0E0 · Theme/Background/Strong */
  --background-default: var(--gray-3); /* @kind color */ /* #F0F0F0 · Theme/Background/Default */
  --background-minimal: var(--gray-2); /* @kind color */ /* #F9F9F9 · Theme/Background/Minimal */
  --background-inverse: var(--gray-12); /* @kind color */ /* #202020 · Theme/Background/Inverse */

  /* ---- SEMANTIC · Error · Sidebar — Figma Theme (the only status group Figma defines semantically is Error) ---- */
  --error-strong: var(--red-11); /* @kind color */ /* #CE2C31 · Theme/Error/Strong */
  --error-hover: var(--red-10); /* @kind color */ /* #DC3E42 · Theme/Error/hover */
  --error-default: var(--red-9); /* @kind color */ /* #E5484D · Theme/Error/Default */
  --error-subtle: var(--red-3); /* @kind color */ /* #FEEBEC · Theme/Error/Subtle */
  --error-minimal: var(--red-2); /* @kind color */ /* #FFF7F7 · Theme/Error/Minimal */
  --error-background-1: var(--red-alpha-1); /* @kind color */ /* rgba(255,0,0,0.012) · Theme/Error/background/1 */
  --error-background-2: var(--red-alpha-2); /* @kind color */ /* rgba(255,0,0,0.031) · Theme/Error/background/2 */
  --error-background-3: var(--red-alpha-3); /* @kind color */ /* rgba(243,0,13,0.078) · Theme/Error/background/3 */
  --error-background-4: var(--red-alpha-4); /* @kind color */ /* rgba(255,0,8,0.141) · Theme/Error/background/4 */
  --error-background-5: var(--red-alpha-5); /* @kind color */ /* rgba(255,0,6,0.196) · Theme/Error/background/5 */
  --error-background-6: var(--red-alpha-6); /* @kind color */ /* rgba(248,0,4,0.259) · Theme/Error/background/6 */
  --error-background-7: var(--red-alpha-7); /* @kind color */ /* rgba(223,0,3,0.337) · Theme/Error/background/7 */
  --error-background-8: var(--red-alpha-8); /* @kind color */ /* rgba(210,0,5,0.443) · Theme/Error/background/8 */
  --error-background-9: var(--red-alpha-9); /* @kind color */ /* rgba(219,0,7,0.718) · Theme/Error/background/9 */
  --error-background-10: var(--red-alpha-10); /* @kind color */ /* rgba(209,0,5,0.757) · Theme/Error/background/10 */
  --error-background-11: var(--red-alpha-11); /* @kind color */ /* rgba(196,0,6,0.827) · Theme/Error/background/11 */
  --error-background-12: var(--red-alpha-12); /* @kind color */ /* rgba(85,0,13,0.9) · Theme/Error/background/12 */
  --sidebar-active: var(--gray-12); /* @kind color */ /* #202020 · Theme/Sidebar/Active */
  --sidebar-disabled: var(--gray-7); /* @kind color */ /* #CECECE · Theme/Sidebar/Disabled */
  --sidebar-inverse: var(--gray-1); /* @kind color */ /* #FCFCFC · Theme/Sidebar/Inverse */
  --sidebar-accent-menu-item-bg-hover: var(--blue-3); /* @kind color */ /* #ECF2FF · Theme/Sidebar/Accent/menu-item-bg-hover */
  --sidebar-accent-menu-item-bg-active: var(--blue-3); /* @kind color */ /* #ECF2FF · Theme/Sidebar/Accent/menu-item-bg-active */
  --sidebar-accent-menu-item-bg-active-subtle: var(--blue-3); /* @kind color */ /* #ECF2FF · Theme/Sidebar/Accent/menu-item-bg-active (subtle) */
  --sidebar-accent-menu-item-bg: var(--blue-1); /* @kind color */ /* #FDFDFE · Theme/Sidebar/Accent/menu-item-bg */
  --sidebar-neutral-menu-item-bg-default: var(--gray-1); /* @kind color */ /* #FCFCFC · Theme/Sidebar/Neutral/menu-item-bg-default */
  --sidebar-neutral-menu-item-bg-hover: var(--gray-3); /* @kind color */ /* #F0F0F0 · Theme/Sidebar/Neutral/menu-item-bg-hover */
  --sidebar-neutral-menu-item-bg-active: var(--gray-5); /* @kind color */ /* #E0E0E0 · Theme/Sidebar/Neutral/menu-item-bg-active */

  /* ---- SPACING · RADIUS · SIZING — Figma Theme. 4px base; radius never scales with component size ---- */
  --spacing-1: 4px;
  --spacing-2: 8px;
  --spacing-3: 12px;
  --spacing-4: 16px;
  --spacing-5: 24px;
  --spacing-6: 32px;
  --spacing-7: 40px;
  --spacing-8: 48px;
  --spacing-9: 64px;
  --radius-1: 4.5px;
  --radius-2: 6px;
  --radius-3: 9px;
  --radius-4: 12px;
  --radius-5: 18px;
  --radius-6: 24px;
  --radius-full: 999px;
  --button-height-1: var(--spacing-5); /* @kind spacing */ /* 24px · Theme/button-height-1 */
  --button-height-2: var(--spacing-6); /* @kind spacing */ /* 32px · Theme/button-height-2 */
  --button-height-3: var(--spacing-7); /* @kind spacing */ /* 40px · Theme/button-height-3 */
  --button-height-4: var(--spacing-8); /* @kind spacing */ /* 48px · Theme/button-height-4 */
  --menu-item-height-1: var(--spacing-5); /* @kind spacing */ /* 24px · Theme/menu-item-height-1 */
  --menu-item-height-2: var(--spacing-6); /* @kind spacing */ /* 32px · Theme/menu-item-height-2 */
  --table-cell-min-height-1: 36px; /* @kind spacing */
  --table-cell-min-height-2: 44px; /* @kind spacing */
  --table-cell-min-height-3: var(--spacing-8); /* @kind spacing */ /* 48px · Theme/table-cell-min-height-3 */
  --table-cell-padding-1: var(--spacing-2); /* @kind spacing */ /* 8px · Theme/table-cell-padding-1 */
  --table-cell-padding-2: var(--spacing-3); /* @kind spacing */ /* 12px · Theme/table-cell-padding-2 */
  --table-cell-padding-3: var(--spacing-4); /* @kind spacing */ /* 16px · Theme/table-cell-padding-3 */

  /* ---- TYPOGRAPHY — Figma Theme › Typography. Letter spacing = Figma % ÷ 100, in em ---- */
  --font-family: "Inter", ui-sans-serif, system-ui, -apple-system, sans-serif;
  --font-family-display: "Inter Display", "Inter", ui-sans-serif, system-ui, sans-serif;
  --font-family-serif: ui-serif, Georgia, "Times New Roman", serif;
  --font-family-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  --font-size-11: 11px;
  --font-size-12: 12px;
  --font-size-14: 14px;
  --font-size-16: 16px;
  --font-size-18: 18px;
  --font-size-20: 20px;
  --font-size-24: 24px;
  --font-size-32: 32px;
  --font-size-40: 40px;
  --font-size-48: 48px;
  --font-size-56: 56px;
  --line-height-12: 12px; /* @kind font */
  --line-height-16: 16px; /* @kind font */
  --line-height-20: 20px; /* @kind font */
  --line-height-24: 24px; /* @kind font */
  --line-height-28: 28px; /* @kind font */
  --line-height-32: 32px; /* @kind font */
  --line-height-40: 40px; /* @kind font */
  --line-height-48: 48px; /* @kind font */
  --line-height-56: 56px; /* @kind font */
  --line-height-64: 64px; /* @kind font */
  --letter-spacing-1: -0.015em; /* @kind font */
  --letter-spacing-2: -0.011em; /* @kind font */
  --letter-spacing-3: -0.01em; /* @kind font */
  --letter-spacing-4: -0.006em; /* @kind font */
  --letter-spacing-5: -0.005em; /* @kind font */
  --letter-spacing-6: 0; /* @kind font */
  --letter-spacing-7: 0.02em; /* @kind font */
  --letter-spacing-8: 0.04em; /* @kind font */
  --letter-spacing-9: 0.06em; /* @kind font */
  --font-weight-thin: 100; /* @kind font */
  --font-weight-extra-light: 200; /* @kind font */
  --font-weight-regular: 400; /* @kind font */
  --font-weight-medium: 500; /* @kind font */
  --font-weight-semi-bold: 600; /* @kind font */
  --font-weight-bold: 700; /* @kind font */
  --font-weight-extra-bold: 800; /* @kind font */
  --font-weight-black: 900; /* @kind font */

  /* ---- ELEVATION · MOTION — not in Figma variables; from component inspection. Confirm against Figma effects ---- */
  --shadow-xs: 0 1px 2px rgba(10,13,20,0.03);
  --shadow-sm: 0 1px 2px rgba(10,13,20,0.03), 0 1px 3px rgba(14,18,27,0.04);
  --shadow-md: 0 2px 4px rgba(10,13,20,0.04), 0 4px 8px rgba(14,18,27,0.06);
  --shadow-lg: 0 4px 8px rgba(10,13,20,0.03), 0 12px 24px rgba(14,18,27,0.06);
  --shadow-xl: 0 8px 16px rgba(10,13,20,0.04), 0 24px 48px rgba(14,18,27,0.08);
  --shadow-focus-ring: 0 0 0 3px var(--primary-300);
  --shadow-inset: inset 0 0 0 1px rgba(14,18,27,0.06);
  --ease-out: cubic-bezier(0.22, 1, 0.36, 1); /* @kind other */
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1); /* @kind other */
  --duration-fast: 120ms; /* @kind other */
  --duration-base: 180ms; /* @kind other */
  --duration-slow: 240ms; /* @kind other */
}