gistfile1.txt

/* BASE */

--button_font-family;
--button_font-weight;
--button_letter-spacing;
--button_border-radius;
--button_border-width;
--button_transition-duration;
--button_transition-timing-function;


/* SIZE — SM */

--button_sm_height;
--button_sm_padding-inline;
--button_sm_gap;
--button_sm_font-size;
--button_sm_line-height;
--button_sm_icon-size;


/* SIZE — MD */

--button_md_height;
--button_md_padding-inline;
--button_md_gap;
--button_md_font-size;
--button_md_line-height;
--button_md_icon-size;


/* SIZE — LG */

--button_lg_height;
--button_lg_padding-inline;
--button_lg_gap;
--button_lg_font-size;
--button_lg_line-height;
--button_lg_icon-size;


/* PRIMARY / NEUTRAL */

--button_primary_neutral_background;
--button_primary_neutral_foreground;
--button_primary_neutral_border-color;
--button_primary_neutral_shadow;

--button_primary_neutral_hover_background;
--button_primary_neutral_hover_foreground;
--button_primary_neutral_hover_border-color;
--button_primary_neutral_hover_shadow;

--button_primary_neutral_active_background;
--button_primary_neutral_active_foreground;
--button_primary_neutral_active_border-color;
--button_primary_neutral_active_shadow;

--button_primary_neutral_disabled_background;
--button_primary_neutral_disabled_foreground;
--button_primary_neutral_disabled_border-color;
--button_primary_neutral_disabled_shadow;


/* PRIMARY / ACCENT */

--button_primary_accent_background;
--button_primary_accent_foreground;
--button_primary_accent_border-color;
--button_primary_accent_shadow;

--button_primary_accent_hover_background;
--button_primary_accent_hover_foreground;
--button_primary_accent_hover_border-color;
--button_primary_accent_hover_shadow;

--button_primary_accent_active_background;
--button_primary_accent_active_foreground;
--button_primary_accent_active_border-color;
--button_primary_accent_active_shadow;

--button_primary_accent_disabled_background;
--button_primary_accent_disabled_foreground;
--button_primary_accent_disabled_border-color;
--button_primary_accent_disabled_shadow;


/* PRIMARY / POSITIVE */

--button_primary_positive_background;
--button_primary_positive_foreground;
--button_primary_positive_border-color;
--button_primary_positive_shadow;

--button_primary_positive_hover_background;
--button_primary_positive_hover_foreground;
--button_primary_positive_hover_border-color;
--button_primary_positive_hover_shadow;

--button_primary_positive_active_background;
--button_primary_positive_active_foreground;
--button_primary_positive_active_border-color;
--button_primary_positive_active_shadow;

--button_primary_positive_disabled_background;
--button_primary_positive_disabled_foreground;
--button_primary_positive_disabled_border-color;
--button_primary_positive_disabled_shadow;


/* PRIMARY / NEGATIVE */

--button_primary_negative_background;
--button_primary_negative_foreground;
--button_primary_negative_border-color;
--button_primary_negative_shadow;

--button_primary_negative_hover_background;
--button_primary_negative_hover_foreground;
--button_primary_negative_hover_border-color;
--button_primary_negative_hover_shadow;

--button_primary_negative_active_background;
--button_primary_negative_active_foreground;
--button_primary_negative_active_border-color;
--button_primary_negative_active_shadow;

--button_primary_negative_disabled_background;
--button_primary_negative_disabled_foreground;
--button_primary_negative_disabled_border-color;
--button_primary_negative_disabled_shadow;


/* PRIMARY / TRANSLUCENT */

--button_primary_translucent_background;
--button_primary_translucent_foreground;
--button_primary_translucent_border-color;
--button_primary_translucent_shadow;

--button_primary_translucent_hover_background;
--button_primary_translucent_hover_foreground;
--button_primary_translucent_hover_border-color;
--button_primary_translucent_hover_shadow;

--button_primary_translucent_active_background;
--button_primary_translucent_active_foreground;
--button_primary_translucent_active_border-color;
--button_primary_translucent_active_shadow;

--button_primary_translucent_disabled_background;
--button_primary_translucent_disabled_foreground;
--button_primary_translucent_disabled_border-color;
--button_primary_translucent_disabled_shadow;


/* SECONDARY / NEUTRAL */

--button_secondary_neutral_background;
--button_secondary_neutral_foreground;
--button_secondary_neutral_border-color;
--button_secondary_neutral_shadow;

--button_secondary_neutral_hover_background;
--button_secondary_neutral_hover_foreground;
--button_secondary_neutral_hover_border-color;
--button_secondary_neutral_hover_shadow;

--button_secondary_neutral_active_background;
--button_secondary_neutral_active_foreground;
--button_secondary_neutral_active_border-color;
--button_secondary_neutral_active_shadow;

--button_secondary_neutral_disabled_background;
--button_secondary_neutral_disabled_foreground;
--button_secondary_neutral_disabled_border-color;
--button_secondary_neutral_disabled_shadow;


/* SECONDARY / ACCENT */

--button_secondary_accent_background;
--button_secondary_accent_foreground;
--button_secondary_accent_border-color;
--button_secondary_accent_shadow;

--button_secondary_accent_hover_background;
--button_secondary_accent_hover_foreground;
--button_secondary_accent_hover_border-color;
--button_secondary_accent_hover_shadow;

--button_secondary_accent_active_background;
--button_secondary_accent_active_foreground;
--button_secondary_accent_active_border-color;
--button_secondary_accent_active_shadow;

--button_secondary_accent_disabled_background;
--button_secondary_accent_disabled_foreground;
--button_secondary_accent_disabled_border-color;
--button_secondary_accent_disabled_shadow;


/* SECONDARY / POSITIVE */

--button_secondary_positive_background;
--button_secondary_positive_foreground;
--button_secondary_positive_border-color;
--button_secondary_positive_shadow;

--button_secondary_positive_hover_background;
--button_secondary_positive_hover_foreground;
--button_secondary_positive_hover_border-color;
--button_secondary_positive_hover_shadow;

--button_secondary_positive_active_background;
--button_secondary_positive_active_foreground;
--button_secondary_positive_active_border-color;
--button_secondary_positive_active_shadow;

--button_secondary_positive_disabled_background;
--button_secondary_positive_disabled_foreground;
--button_secondary_positive_disabled_border-color;
--button_secondary_positive_disabled_shadow;


/* SECONDARY / NEGATIVE */

--button_secondary_negative_background;
--button_secondary_negative_foreground;
--button_secondary_negative_border-color;
--button_secondary_negative_shadow;

--button_secondary_negative_hover_background;
--button_secondary_negative_hover_foreground;
--button_secondary_negative_hover_border-color;
--button_secondary_negative_hover_shadow;

--button_secondary_negative_active_background;
--button_secondary_negative_active_foreground;
--button_secondary_negative_active_border-color;
--button_secondary_negative_active_shadow;

--button_secondary_negative_disabled_background;
--button_secondary_negative_disabled_foreground;
--button_secondary_negative_disabled_border-color;
--button_secondary_negative_disabled_shadow;


/* SECONDARY / TRANSLUCENT */

--button_secondary_translucent_background;
--button_secondary_translucent_foreground;
--button_secondary_translucent_border-color;
--button_secondary_translucent_shadow;

--button_secondary_translucent_hover_background;
--button_secondary_translucent_hover_foreground;
--button_secondary_translucent_hover_border-color;
--button_secondary_translucent_hover_shadow;

--button_secondary_translucent_active_background;
--button_secondary_translucent_active_foreground;
--button_secondary_translucent_active_border-color;
--button_secondary_translucent_active_shadow;

--button_secondary_translucent_disabled_background;
--button_secondary_translucent_disabled_foreground;
--button_secondary_translucent_disabled_border-color;
--button_secondary_translucent_disabled_shadow;


/* TERTIARY / NEUTRAL */

--button_tertiary_neutral_background;
--button_tertiary_neutral_foreground;
--button_tertiary_neutral_border-color;
--button_tertiary_neutral_shadow;

--button_tertiary_neutral_hover_background;
--button_tertiary_neutral_hover_foreground;
--button_tertiary_neutral_hover_border-color;
--button_tertiary_neutral_hover_shadow;

--button_tertiary_neutral_active_background;
--button_tertiary_neutral_active_foreground;
--button_tertiary_neutral_active_border-color;
--button_tertiary_neutral_active_shadow;

--button_tertiary_neutral_disabled_background;
--button_tertiary_neutral_disabled_foreground;
--button_tertiary_neutral_disabled_border-color;
--button_tertiary_neutral_disabled_shadow;


/* TERTIARY / ACCENT */

--button_tertiary_accent_background;
--button_tertiary_accent_foreground;
--button_tertiary_accent_border-color;
--button_tertiary_accent_shadow;

--button_tertiary_accent_hover_background;
--button_tertiary_accent_hover_foreground;
--button_tertiary_accent_hover_border-color;
--button_tertiary_accent_hover_shadow;

--button_tertiary_accent_active_background;
--button_tertiary_accent_active_foreground;
--button_tertiary_accent_active_border-color;
--button_tertiary_accent_active_shadow;

--button_tertiary_accent_disabled_background;
--button_tertiary_accent_disabled_foreground;
--button_tertiary_accent_disabled_border-color;
--button_tertiary_accent_disabled_shadow;


/* TERTIARY / POSITIVE */

--button_tertiary_positive_background;
--button_tertiary_positive_foreground;
--button_tertiary_positive_border-color;
--button_tertiary_positive_shadow;

--button_tertiary_positive_hover_background;
--button_tertiary_positive_hover_foreground;
--button_tertiary_positive_hover_border-color;
--button_tertiary_positive_hover_shadow;

--button_tertiary_positive_active_background;
--button_tertiary_positive_active_foreground;
--button_tertiary_positive_active_border-color;
--button_tertiary_positive_active_shadow;

--button_tertiary_positive_disabled_background;
--button_tertiary_positive_disabled_foreground;
--button_tertiary_positive_disabled_border-color;
--button_tertiary_positive_disabled_shadow;


/* TERTIARY / NEGATIVE */

--button_tertiary_negative_background;
--button_tertiary_negative_foreground;
--button_tertiary_negative_border-color;
--button_tertiary_negative_shadow;

--button_tertiary_negative_hover_background;
--button_tertiary_negative_hover_foreground;
--button_tertiary_negative_hover_border-color;
--button_tertiary_negative_hover_shadow;

--button_tertiary_negative_active_background;
--button_tertiary_negative_active_foreground;
--button_tertiary_negative_active_border-color;
--button_tertiary_negative_active_shadow;

--button_tertiary_negative_disabled_background;
--button_tertiary_negative_disabled_foreground;
--button_tertiary_negative_disabled_border-color;
--button_tertiary_negative_disabled_shadow;


/* TERTIARY / TRANSLUCENT */

--button_tertiary_translucent_background;
--button_tertiary_translucent_foreground;
--button_tertiary_translucent_border-color;
--button_tertiary_translucent_shadow;

--button_tertiary_translucent_hover_background;
--button_tertiary_translucent_hover_foreground;
--button_tertiary_translucent_hover_border-color;
--button_tertiary_translucent_hover_shadow;

--button_tertiary_translucent_active_background;
--button_tertiary_translucent_active_foreground;
--button_tertiary_translucent_active_border-color;
--button_tertiary_translucent_active_hover-shadow;

--button_tertiary_translucent_disabled_background;
--button_tertiary_translucent_disabled_foreground;
--button_tertiary_translucent_disabled_border-color;
--button_tertiary_translucent_disabled_shadow;