/*
 * GasApp Design Tokens
 * --------------------
 * Single source of truth for brand. All GasApp plugin styles reference
 * these custom properties — change a value here, every plugin updates.
 *
 * NOTE: --gasapp-green is a placeholder approximation. Replace with the
 * exact green from the marketing site (the-gasapp.com) once confirmed.
 */

:root {
	/* ---- Brand ---- */
	--gasapp-green:        #00C853;     /* primary action color, placeholder */
	--gasapp-green-hover:  #00B348;
	--gasapp-green-soft:   #E6FAEE;
	--gasapp-ink:          #0C1612;     /* headings, primary text */
	--gasapp-ink-2:        #3A4A44;     /* body text */
	--gasapp-ink-3:        #6B7975;     /* muted, captions */
	--gasapp-line:         #E5E7EB;     /* hairline borders */
	--gasapp-bg:           #FFFFFF;     /* page background */
	--gasapp-surface:      #FFFFFF;     /* card surfaces */
	--gasapp-surface-2:    #F9FAFB;     /* alt rows, inputs */

	/* ---- Status ---- */
	--gasapp-amber:        #B6791F;
	--gasapp-amber-soft:   #FEF6E7;
	--gasapp-red:          #B42318;
	--gasapp-red-soft:     #FEF3F2;
	--gasapp-blue:         #1570EF;
	--gasapp-blue-soft:    #EFF8FF;

	/* ---- Typography ---- */
	--gasapp-sans:         -apple-system, BlinkMacSystemFont, 'Segoe UI', system-ui, sans-serif;
	--gasapp-display:      var(--gasapp-sans);
	--gasapp-mono:         ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;

	/* ---- Spacing ---- */
	--gasapp-space-1:      4px;
	--gasapp-space-2:      8px;
	--gasapp-space-3:      12px;
	--gasapp-space-4:      16px;
	--gasapp-space-5:      24px;
	--gasapp-space-6:      32px;
	--gasapp-space-8:      48px;

	/* ---- Radius ---- */
	--gasapp-radius-sm:    6px;
	--gasapp-radius-md:    10px;
	--gasapp-radius-lg:    16px;
	--gasapp-radius-pill:  999px;

	/* ---- Shadow ---- */
	--gasapp-shadow-sm:    0 1px 2px rgba(16,24,40,0.05);
	--gasapp-shadow-md:    0 4px 8px -2px rgba(16,24,40,0.10), 0 2px 4px -2px rgba(16,24,40,0.06);
	--gasapp-shadow-lg:    0 12px 16px -4px rgba(16,24,40,0.08), 0 4px 6px -2px rgba(16,24,40,0.03);

	/* ---- Motion ---- */
	--gasapp-transition:   150ms cubic-bezier(0.4, 0, 0.2, 1);
}