/**
 * Button Component Styles
 *
 * Three appearance variants × five semantic flavors × three tones (+/base/-).
 * Each variant uses ONE token system:
 *
 *   - solid    → flat per-segment tokens --ty-solid-{flavor}{,-hover,-active,
 *               -strong,-soft,-fg}. Derived in tyrell-theme.css via OKLCH on
 *               3 axes (color / hover-active / theme chroma-hue); literal in
 *               tyrell.css. The component does no color math for the fill.
 *               Depth chrome (border + drop shadow) IS computed here, from
 *               the fill, via relative color — see the button.solid rule.
 *   - outlined → --ty-color-{flavor}-{strong|base|soft} (text === border at
 *               rest); hover/active/focus always resolve to -strong,
 *               whatever the resting tone was — see outlinedFlavor().
 *   - ghost    → same as outlined, text only (no border), --ty-bg-{flavor}-soft
 *               background on hover.
 *
 * Neutral is the exception in both outlined and ghost: its `+` tone reads
 * --ty-solid-neutral-strong (the ink dial solid buttons use — the only
 * value that actually inverts light↔dark for full contrast) instead of the
 * generic --ty-color-neutral-strong text-emphasis token. Base/soft neutral
 * stay on the generic token like every other flavor.
 *
 * Per-instance overrides via host CSS variables:
 *   --ty-button-bg, --ty-button-bg-hover, --ty-button-color, --ty-button-border,
 *   --ty-solid-border-color, --ty-solid-border-width
 */
/** Rules for one custom (non-built-in) flavor across all three appearances. */
export declare const buttonCustomFlavorCss: (base: string) => string;
export declare const buttonStyles: string;