:root{--white:oklch(100% 0 0);--black:oklch(0% 0 0);--oxford-50:oklch(97% .014 236.36);--oxford-100:oklch(92.351% .01495 237.34);--oxford-200:oklch(86.502% .02491 235.89);--oxford-300:oklch(78.353% .05386 233.57);--oxford-400:oklch(68.517% .12117 236.38);--oxford-500:oklch(60.481% .17747 241.57);--oxford-600:oklch(53.87% .19253 249.09);--oxford-700:oklch(48.426% .18127 250.95);--oxford-800:oklch(42.385% .16666 252.75);--oxford-900:oklch(37.762% .13557 249.28);--oxford-950:oklch(28.2% .091 249.69);--grey-50:oklch(98.5% .002 230.55);--grey-100:oklch(96.587% .0012 247.25);--grey-200:oklch(92.575% .0024 247.24);--grey-300:oklch(86.862% .0046 241.05);--grey-400:oklch(70.25% .0148 244.04);--grey-500:oklch(54.537% .018 247.08);--grey-600:oklch(43.925% .0192 239.51);--grey-700:oklch(36.794% .0259 242.44);--grey-800:oklch(27.462% .0276 239.56);--grey-900:oklch(20.831% .0313 247.38);--grey-950:oklch(13% .028 244.4);--red-50:oklch(97.1% .013 18.376);--red-100:oklch(93.134% .02866 18.713);--red-200:oklch(87.568% .05533 19.33);--red-300:oklch(79.402% .10399 20.567);--red-400:oklch(68.537% .17766 23.212);--red-500:oklch(61.371% .22032 26.327);--red-600:oklch(54.905% .22499 28.321);--red-700:oklch(47.239% .18965 28.514);--red-800:oklch(42.226% .16143 27.895);--red-900:oklch(38.513% .13322 26.719);--red-950:oklch(25.8% .092 27.038);--orange-50:oklch(98.671% .02189 91.712);--orange-100:oklch(96.268% .05596 90.904);--orange-200:oklch(92.536% .11392 91.033);--orange-300:oklch(88.104% .15988 86.892);--orange-400:oklch(83.072% .17684 79.716);--orange-500:oklch(77.241% .1728 65.367);--orange-600:oklch(66.872% .16684 53.605);--orange-700:oklch(55.704% .15388 44.285);--orange-800:oklch(47.436% .13092 41.488);--orange-900:oklch(41.468% .10896 41.191);--orange-950:oklch(27.9% .077 40.922);--yellow-50:oklch(98.7% .026 102.21);--yellow-100:oklch(97.701% .06805 102.14);--yellow-200:oklch(95.35% .12313 101.45);--yellow-300:oklch(91.774% .17319 101.07);--yellow-400:oklch(86.899% .18725 100.69);--yellow-500:oklch(81.624% .16932 100.3);--yellow-600:oklch(70.649% .14438 99.922);--yellow-700:oklch(58.373% .11444 99.541);--yellow-800:oklch(49.582% .1003 95.006);--yellow-900:oklch(43.091% .08815 90.807);--yellow-950:oklch(28.6% .066 86.912);--green-50:oklch(98.6% .031 131.15);--green-100:oklch(96.763% .06867 132.72);--green-200:oklch(93.926% .13034 134.72);--green-300:oklch(89.889% .20101 137.06);--green-400:oklch(84.351% .24468 139.25);--green-500:oklch(77.114% .24135 141.25);--green-600:oklch(65.177% .21002 142.08);--green-700:oklch(53.64% .16869 141.98);--green-800:oklch(45.803% .13736 141.33);--green-900:oklch(40.751% .10768 141.46);--green-950:oklch(27.4% .072 142.5);--teal-50:oklch(97.9% .021 165.37);--teal-100:oklch(95.518% .05038 162.31);--teal-200:oklch(91.537% .08976 163.41);--teal-300:oklch(86.055% .13815 164.24);--teal-400:oklch(78.574% .17053 162.48);--teal-500:oklch(71.328% .16461 161.74);--teal-600:oklch(60.982% .14069 162.49);--teal-700:oklch(51.837% .11476 164.87);--teal-800:oklch(43.891% .09284 166.17);--teal-900:oklch(38.146% .07592 168.2);--teal-950:oklch(26.2% .051 171.81);--blue-50:oklch(97% .014 251.56);--blue-100:oklch(91.281% .03418 252.54);--blue-200:oklch(84.363% .06336 251.09);--blue-300:oklch(75.144% .11154 248.77);--blue-400:oklch(65.766% .1706 251.58);--blue-500:oklch(58.189% .21867 256.77);--blue-600:oklch(51.311% .24874 259.84);--blue-700:oklch(46.333% .2458 261.33);--blue-800:oklch(40.755% .20087 262.6);--blue-900:oklch(37.078% .14693 262.48);--blue-950:oklch(28.2% .091 264.89);--iris-50:oklch(96.2% .018 272.47);--iris-100:oklch(92.321% .03042 272.95);--iris-200:oklch(85.642% .05785 274.2);--iris-300:oklch(76.463% .10427 274.87);--iris-400:oklch(64.584% .1677 277.09);--iris-500:oklch(55.105% .21512 277.27);--iris-600:oklch(48.384% .2477 277.12);--iris-700:oklch(43.663% .22927 277.18);--iris-800:oklch(38.442% .18785 277.52);--iris-900:oklch(35.221% .14042 278.85);--iris-950:oklch(25.7% .09 281.45);--purple-50:oklch(97.7% .014 308.8);--purple-100:oklch(93.804% .0276 307.68);--purple-200:oklch(88.608% .05219 307.21);--purple-300:oklch(80.312% .10279 306.89);--purple-400:oklch(68.216% .18139 306.01);--purple-500:oklch(60.047% .24699 304.4);--purple-600:oklch(53.678% .27359 302.82);--purple-700:oklch(48.008% .25419 302.43);--purple-800:oklch(42.739% .2108 304.23);--purple-900:oklch(37.569% .1724 305.49);--purple-950:oklch(29.1% .149 303.22);--magenta-50:oklch(96.9% .015 14.181);--magenta-100:oklch(94.39% .02774 14.339);--magenta-200:oklch(89.779% .05348 11.76);--magenta-300:oklch(81.869% .11021 13.397);--magenta-400:oklch(72.358% .18495 15.187);--magenta-500:oklch(65.948% .23469 18.198);--magenta-600:oklch(60.338% .23943 19.344);--magenta-700:oklch(53.427% .20617 18.694);--magenta-800:oklch(47.817% .1699 15.456);--magenta-900:oklch(42.158% .14995 12.031);--magenta-950:oklch(27.1% .105 13.853);--pink-50:oklch(97.1% .014 343.2);--pink-100:oklch(94.8% .028 342.26);--pink-200:oklch(89.9% .061 343.23);--pink-300:oklch(82.3% .12 346.02);--pink-400:oklch(71.8% .202 349.76);--pink-500:oklch(65.6% .241 354.31);--pink-600:oklch(59.2% .249 .58);--pink-700:oklch(52.5% .223 3.96);--pink-800:oklch(45.9% .187 3.81);--pink-900:oklch(40.8% .153 2.43);--pink-950:oklch(28.4% .109 3.91);--swatch-1:var(--iris-500);--swatch-2:var(--magenta-500);--swatch-3:var(--teal-900);--swatch-4:var(--orange-600);--swatch-5:var(--oxford-600);--swatch-6:var(--blue-400);--swatch-7:var(--magenta-800);--swatch-8:var(--teal-700);--swatch-9:var(--purple-400);--swatch-10:var(--grey-800);--swatch-11:var(--yellow-700);--swatch-12:var(--magenta-500);--swatch-13:var(--green-800);--swatch-14:var(--blue-900);--primary-light-gradient:linear-gradient(97.4deg, var(--iris-500) 24.63%, #7e7eea 75.67%);--primary-mid-gradient:linear-gradient(94.54deg, #4442b0 21.23%, var(--iris-500) 74.72%);--primary-dark-gradient:linear-gradient(97.4deg, #333c9e 24.63%, #4548ce 75.67%);--secondary-gradient:linear-gradient(127.7deg, #0f233f 20.21%, #61718f 96.24%);--tertiary-gradient:linear-gradient(127.7deg, var(--teal-500) 20.21%, #05da9880 96.24%);--light-gradient:linear-gradient(.27deg, #f5f7fa 61.53%, #fff0 99.9%);--box-shadow-1:0px .4px .8px #0f233f1a, 0px 2px 4px #0f233f1a;--box-shadow-2:0px .6px .18px #0f233f1a, 0px 4px 8px #0f233f1a;--box-shadow-3:0px 1.2px 3.6px #0f233f1a, 0px 6px 12px #0f233f1a;--box-shadow-4:0px 4px 14px #0f233f1a, 0px 20px 50px #0f233f1a;--box-shadow-5:0px -.6px .18px #0f233f1a, 0px -4px 8px #0f233f1a;--border-divider:var(--grey-300);--border-error:var(--red-900);--border-info:var(--blue-900);--border-success:var(--teal-400);--border-warning:var(--orange-500);--disabled:var(--grey-400);--error:var(--red-700);--info:var(--blue-600);--primary:var(--iris-500);--success:var(--teal-400);--warning:var(--orange-500);--primary-1:var(--iris-600);--secondary:var(--grey-900);--tertiary:var(--teal-400);--background-disabled:var(--grey-200);--background-error:var(--magenta-100);--background-hover:var(--grey-50);--background-info:var(--blue-100);--background-inverted:var(--grey-800);--background:var(--white);--background-1:var(--grey-100);--background-selected:var(--iris-50);--background-success:var(--teal-50);--background-warning:var(--orange-50);--foreground:var(--iris-950);--text-disabled:var(--grey-400);--text-error:var(--red-900);--text-info:var(--blue-900);--foreground-inverted:var(--grey-50);--text-lightmediumtext:var(--grey-600);--foreground-2:var(--grey-400);--foreground-1:var(--grey-600);--text-success:var(--teal-900);--text-warning:var(--yellow-950);--nav-item-hover:oklch(var(--iris-300) / .8);--row-selected:color-mix(in oklch, var(--iris-300), white 80%);--primary-gradient:var(--primary-light-gradient);--primary-gradient-hover:var(--primary-mid-gradient)}html[data-theme=dark]{--border-divider:var(--grey-600);--border-error:var(--magenta-200);--border-info:var(--blue-200);--border-success:var(--teal-400);--border-warning:var(--orange-500);--disabled:var(--grey-400);--error:var(--magenta-200);--info:var(--blue-300);--primary:var(--iris-300);--success:var(--teal-400);--warning:var(--orange-500);--primary-1:var(--iris-400);--secondary:var(--oxford-300);--tertiary:var(--teal-400);--background-disabled:var(--grey-800);--background-error:var(--red-950);--background-hover:var(--grey-950);--background-info:var(--iris-950);--background-inverted:var(--grey-50);--background-1:oklch(from var(--grey-800) calc(l - .02) c h);--background:var(--grey-900);--background-selected:var(--iris-950);--background-success:var(--teal-950);--background-warning:var(--yellow-950);--foreground:var(--grey-50);--text-disabled:var(--grey-400);--text-error:var(--magenta-200);--text-info:var(--blue-200);--foreground-inverted:var(--iris-950);--text-lightmediumtext:var(--grey-300);--foreground-2:var(--grey-400);--foreground-1:var(--grey-300);--text-success:var(--teal-300);--text-warning:var(--orange-500);--primary-gradient:initial;--primary-gradient-hover:initial;--box-shadow-1:0px .4px .8px #0f233fc4, 0px 2px 4px #040d19;--box-shadow-4:0px 4px 14px #0009, 0px 20px 50px #0009;--row-selected:color-mix(in oklch, var(--iris-300), black 80%)}:root{--battery-track-color:var(--grey-300)}html[data-theme=dark]{--battery-track-color:var(--grey-400)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{background:var(--background);min-height:100dvh;color:var(--foreground);flex-direction:column;font-family:system-ui,-apple-system,Segoe UI,sans-serif;transition:background .2s,color .2s;display:flex}code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:none}.site-header{z-index:10;background:var(--background);border-bottom:1px solid var(--border-divider);box-shadow:var(--box-shadow-1);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.5rem;padding:.875rem 2rem;display:flex;position:sticky;top:0}.brand{align-items:center;gap:.875rem;display:flex}.logo{height:26px;display:block}html[data-theme=dark] .logo--for-light,html:not([data-theme=dark]) .logo--for-dark{display:none}.brand__divider{background:var(--border-divider);width:1px;height:22px}.brand__title{letter-spacing:.01em;color:var(--foreground-1);font-size:.95rem;font-weight:600}.brand__badge{background:var(--background-selected);color:var(--primary);border:1px solid color-mix(in oklch, var(--primary), transparent 70%);border-radius:999px;padding:.2rem .55rem;font-size:.7rem;font-weight:600}.header-actions{align-items:center;gap:.75rem;display:flex}.tabs{background:var(--background-1);border:1px solid var(--border-divider);border-radius:.625rem;gap:.25rem;padding:.25rem;display:flex}.tab{color:var(--foreground-1);border-radius:.45rem;padding:.4rem .9rem;font-size:.85rem;font-weight:500;transition:background .15s,color .15s}.tab:hover{color:var(--foreground)}.tab[aria-selected=true]{background:var(--background);color:var(--primary);box-shadow:var(--box-shadow-1);font-weight:600}.theme-toggle{border:1px solid var(--border-divider);background:var(--background-1);width:2.25rem;height:2.25rem;color:var(--foreground-1);border-radius:.625rem;place-items:center;transition:color .15s,transform .15s;display:grid}.theme-toggle:hover{color:var(--primary);transform:rotate(15deg)}.theme-toggle .icon{width:1.05rem;height:1.05rem}html[data-theme=dark] .icon--moon,html:not([data-theme=dark]) .icon--sun{display:none}.page{flex:1;width:min(1180px,100%);margin:0 auto;padding:2.5rem 2rem 4rem}.section+.section{margin-top:3.5rem}.section__head{max-width:56ch;margin-bottom:1.5rem}.section__head--row{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:1rem;max-width:none;display:flex}.section__head h2{letter-spacing:-.01em;margin-bottom:.35rem;font-size:1.25rem}.section__head p{color:var(--foreground-1);font-size:.875rem;line-height:1.55}.base-grid{border:1px solid var(--border-divider);background:var(--background-1);box-shadow:var(--box-shadow-2);border-radius:1rem;gap:.375rem;padding:1.25rem;display:grid}.base-grid__row{grid-template-columns:5.5rem repeat(11,1fr);align-items:stretch;gap:.375rem;display:grid}.base-grid__hue{text-transform:capitalize;color:var(--foreground-1);align-items:center;font-size:.78rem;font-weight:600;display:flex}.base-grid__col-head{text-align:center;color:var(--foreground-2);padding-bottom:.25rem;font-size:.7rem;font-weight:500}.swatch{aspect-ratio:5/3;border:1px solid color-mix(in oklch, var(--foreground), transparent 90%);border-radius:.4rem;transition:transform .12s,box-shadow .12s;position:relative}.swatch:hover{box-shadow:var(--box-shadow-3);z-index:2;transform:scale(1.12)}.swatch__label{opacity:0;place-items:center;font-size:.62rem;font-weight:600;transition:opacity .12s;display:grid;position:absolute;inset:0}.swatch:hover .swatch__label{opacity:1}.semantic-groups{grid-template-columns:repeat(auto-fill,minmax(330px,1fr));align-items:start;gap:1.25rem;display:grid}.token-group{border:1px solid var(--border-divider);background:var(--background-1);box-shadow:var(--box-shadow-1);border-radius:1rem;overflow:hidden}.token-group__head{border-bottom:1px solid var(--border-divider);padding:1rem 1.25rem .875rem}.token-group__head h3{margin-bottom:.15rem;font-size:.95rem}.token-group__head p{color:var(--foreground-2);font-size:.78rem}.token-group__list{flex-direction:column;display:flex}.token-row{grid-template-rows:auto auto;grid-template-columns:3.25rem 1fr;align-items:center;gap:.2rem .875rem;padding:.625rem 1.25rem;display:grid}.token-row+.token-row{border-top:1px solid color-mix(in oklch, var(--border-divider), transparent 50%)}.token-row__chip{border:1px solid color-mix(in oklch, var(--foreground), transparent 88%);border-radius:.45rem;grid-row:1/3;width:3.25rem;height:2.25rem;transition:transform .12s}.token-row__chip:hover{transform:scale(1.08)}.token-row__chip--shadow{background:var(--background)}.token-row__name{color:var(--foreground);font-size:.8rem;font-weight:600}.token-row__refs{color:var(--foreground-1);flex-wrap:wrap;gap:1rem;font-size:.72rem;display:flex}.token-row__ref{align-items:baseline;gap:.35rem;display:inline-flex}.token-row__ref-label{text-transform:uppercase;letter-spacing:.06em;color:var(--foreground-2);font-size:.62rem;font-weight:700}.swatch__hex{letter-spacing:-.02em;pointer-events:none;place-items:center;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:clamp(.62rem,.95vw,.8rem);font-weight:600;display:grid;position:absolute;inset:0}.token-row__hex{color:var(--foreground);align-self:center;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.82rem;font-weight:600}.token-row__hex--value{min-width:0;color:var(--foreground-1);text-overflow:ellipsis;white-space:nowrap;font-size:.7rem;font-weight:500;overflow:hidden}.toolbar{gap:.5rem;display:flex}.btn{border:1px solid var(--border-divider);background:var(--background-1);color:var(--foreground-1);border-radius:.55rem;padding:.5rem 1rem;font-size:.85rem;font-weight:600;transition:filter .15s}.btn:hover{filter:brightness(.96)}html[data-theme=dark] .btn:hover{filter:brightness(1.15)}.btn--primary{background:var(--primary);border-color:var(--primary);color:var(--foreground-inverted)}.tokens-code{border:1px solid var(--border-divider);background:var(--background-1);box-shadow:var(--box-shadow-2);tab-size:4;border-radius:1rem;max-height:70vh;padding:1.5rem;font-size:.78rem;line-height:1.6;overflow:auto}.site-footer{border-top:1px solid var(--border-divider);color:var(--foreground-2);justify-content:center;align-items:center;gap:.5rem;padding:1.25rem 2rem;font-size:.75rem;display:flex}.copy-toast{background:var(--background-inverted);color:var(--foreground-inverted);white-space:nowrap;pointer-events:none;opacity:0;z-index:100;box-shadow:var(--box-shadow-3);border-radius:.45rem;padding:.35rem .65rem;font-family:ui-monospace,monospace;font-size:.72rem;transition:opacity .18s,transform .18s;position:fixed;transform:translate(-50%,-100%)translateY(4px)}.copy-toast--visible{opacity:1;transform:translate(-50%,-100%)translateY(-4px)}@media (width<=760px){.site-header,.page{padding-inline:1rem}.base-grid__row{grid-template-columns:3.5rem repeat(11,1fr)}.base-grid__hue{font-size:.65rem}}