/* IndiePump design tokens - ported from the live GAS app (build v27) */
:root {
	--purple:   #3C385C;
	--purple-d: #2B2749;
	--yellow:   #FFC34C;
	--blue:     #647FDE;
	--cyan:     #51D8EA;
	--pale:     #CBDAF9;
	--bg-light: #F1F4FE;
	--grad-light: linear-gradient(160deg, #EDF2FF 0%, #FFF7E6 100%);
	--grad-dark:  linear-gradient(160deg, #1E1B33 0%, #2E2A4D 100%);
	--green:    #2FA35C;
	--green-l:  #7FDCA0;
	--panel-shadow: 0 8px 28px rgba(59,46,140,.12);
	--panel-shadow-dark: 0 8px 28px rgba(0,0,0,.5);
}

* { box-sizing: border-box; }

body {
	margin: 0;
	font-family: 'Segoe UI', Arial, sans-serif;
	background: var(--grad-light);
	color: var(--purple);
	min-height: 100vh;
}

body.dark {
	background: var(--grad-dark);
	color: #E8E6F5;
}

a { color: var(--blue); }
body.dark a { color: var(--cyan); }

h1, h2, h3 { color: var(--purple); }
body.dark h1, body.dark h2, body.dark h3 { color: var(--yellow); }

/* Floating theme toggle (fixed top-left, port of the GAS sun/moon button) */
.theme-toggle {
	position: fixed;
	top: 14px;
	left: 14px;
	z-index: 999;
	width: 44px;
	height: 44px;
	border-radius: 50%;
	border: 2px solid var(--pale);
	background: #fff;
	font-size: 20px;
	cursor: pointer;
	box-shadow: var(--panel-shadow);
	transition: transform .15s;
}
.theme-toggle:hover { transform: scale(1.1); }
body.dark .theme-toggle { background: var(--purple-d); border-color: #4A4570; }