/* VENDORED kit2 token register — brand style "atw" (At The Well), TOKENS_VERSION 3.40.0. Source: firepro/kit2/.generated/tokens/semantic.atw.css (generated by npx run firekit2:tokens). Do not hand-edit; re-vendor from a newer pinned version instead. */ /* GENERATED by firepro/kit2/tokenBuild — do not edit — run `npx run firekit2:tokens`. */ html,body{margin:0;padding:0} *{box-sizing:border-box} /* ============ LAYER: GLOBAL POLICY · global element wiring, a11y policies and choreography. Brand styles never override these; values resolve THROUGH brand style tokens (caret-color:var(--accent), divider voice, enter/exit choreography). ============ */ /* ============ POINTER FLOOR — density proposes, the pointer disposes ============ */ :root{--pointer-min:24px} @media (pointer: coarse){ :root{--pointer-min:44px} button{position:relative} button::after{content:"";position:absolute;left:50%;top:50%;width:max(100%,44px);height:max(100%,44px);transform:translate(-50%,-50%)} input:not([type="checkbox"]):not([type="radio"]):not([type="range"]),select{min-height:44px} } /* ============ FOCUS POLICY — keyboard gets a ring, pointer doesn't ============ */ :focus{outline:none} :focus-visible{outline:2px solid var(--accent);outline-offset:var(--ring-offset);border-radius:2px} input:focus-visible,select:focus-visible,textarea:focus-visible{outline:none;border-color:var(--accent);box-shadow:var(--ring)} /* ============ DISABLED POLICY — native controls keep token colors; composite/custom nodes opt in via data-disabled and take the one opacity ============ */ [data-disabled],[aria-disabled="true"]{opacity:var(--disabled-opacity);cursor:not-allowed;pointer-events:none} /* ============ ENTRY CHOREOGRAPHY — [data-enter] plays the brand style's entrance on one element; [data-choreography="enter"] (the registered archetype axis, stamped by collection archetype factories with its resolved value) steps the host's children by --stagger-step (first 8; longer lists ride the cap). rugged's --enter-dur is 0ms, so it appears instantly. ============ */ [data-enter]{animation:fk-enter var(--enter-dur,160ms) var(--enter-ease,ease) both} [data-choreography="enter"]>*{animation:fk-enter var(--enter-dur,160ms) var(--enter-ease,ease) both} [data-choreography="enter"]>:nth-child(2){animation-delay:calc(var(--stagger-step,0ms)*1)} [data-choreography="enter"]>:nth-child(3){animation-delay:calc(var(--stagger-step,0ms)*2)} [data-choreography="enter"]>:nth-child(4){animation-delay:calc(var(--stagger-step,0ms)*3)} [data-choreography="enter"]>:nth-child(5){animation-delay:calc(var(--stagger-step,0ms)*4)} [data-choreography="enter"]>:nth-child(6){animation-delay:calc(var(--stagger-step,0ms)*5)} [data-choreography="enter"]>:nth-child(7){animation-delay:calc(var(--stagger-step,0ms)*6)} [data-choreography="enter"]>:nth-child(8){animation-delay:calc(var(--stagger-step,0ms)*7)} @keyframes fk-enter{from{opacity:0;transform:var(--enter-from,none)}} /* ============ FORCED COLORS (Windows High Contrast) ============ */ @media (forced-colors: active){ :focus-visible{outline:2px solid CanvasText;outline-offset:2px} button,input,select,textarea{forced-color-adjust:auto} } /* ============ PRINT ============ */ @media print{ :root{--bg:#ffffff;--surface:#ffffff;--shadow:none;--shadow-1:none;--shadow-2:none;--shadow-3:none;--shadow-4:none} nav,[data-print-hide]{display:none !important} } /* ============ SELECTION ============ */ ::selection{background:var(--selection-bg);color:var(--on-selection)} /* ============ SCROLLBARS ============ */ *{scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-track)} ::-webkit-scrollbar{width:var(--scrollbar-w);height:var(--scrollbar-w)} ::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:var(--radius-pill)} ::-webkit-scrollbar-track{background:var(--scrollbar-track)} /* ============ REDUCED TRANSPARENCY — glass degrades to solid surface ============ */ @media (prefers-reduced-transparency: reduce){ .glass{-webkit-backdrop-filter:none;backdrop-filter:none;background:var(--surface-ground)} } /* ============ BASE ELEMENT WIRING ============ */ /* link voice — rest/hover color, underline presence (BOTH states), thickness/offset/ink are all brand-style-owned tokens. Hover underline is NOT hardwired: atw's harvest never underlines (rest ink-colored text, hover recolors to brand — At The Well L271-273). :where() MAKES THIS A FLOOR. Bare `a:hover` is (0,1,1) and outranked every recipe class (0,1,0), so a recipe on an anchor lost color/decoration to prose typography on hover — computing its own tokens correctly and never reaching the declaration that consumes them. `