/* ==========================================================================
 * Base — resets, custom properties, global element defaults
 * ========================================================================== */
/*************************
* Style
* HiverGo
* Copyright 2026
* Version: Fellowship v1 Build 009
* Developed by Emie Chilis
*************************/

:root {
	--app-theme: #E8C7BB;
	--body-background: var(--app-theme);
	--no-prime: #a3a3a3;
	--prime-nectar: #64ff64;
	--prime-honey: #ffda66;
	--prime-sky: #64a8ff;
	--hivergo-palette-01: #4ade80;
	--hivergo-palette-02: #fb923c;
	--hivergo-palette-03: #ffda66;
	--hivergo-palette-04: #f472b6;
	--hivergo-palette-05: #2dd4bf;
	--hivergo-palette-06: #82c1ff;
	--hivergo-palette-07: #c084fc;
	--hivergo-palette-08: #96ff36;
	--hivergo-palette-09: #9a91ff;
	--hivergo-palette-10: #64c4ff;
	--hivergo-palette-11: #ff8e00;
	--hivergo-palette-12: #38bdf8;
	--hivergo-palette-13: #64a8ff;
	--hivergo-palette-14: #3aefc5;
	--hivergo-palette-15: #ff8ec7;
	--hivergo-palette-16: #ff8883;
	--hivergo-palette-17: #ff9a3d;
	--tokens-prepaid: #3aefc5;
	--tokens-gifted: #ff8ec7;
	--tokens-proxies: #ff8883;
	--tokens-reward: #ff9a3d;
	--tokens-quota: #9a91ff;
	--app-color: #2B2927;
	--app-accent: #C86F52;
	--card-hex: var(--app-accent);
	--app-blue: #6EABD6;
	--app-red: #EBA28C;
	--app-green: #8FAF91;
	--app-purple: #A993D6;
	--app-font: "DM Sans", sans-serif;
	--dimmer: rgb(200 111 82 / 30%);
	--app-muted: #5F4941;
	--app-line: rgb(93 67 58 / 18%);
	--font-editorial: "Fraunces", serif;
	--font-rounded: "Nunito", sans-serif;
	--slider-mid: 0%;
	--slider-fill: 0%;
	--slider-tail: var(--app-accent);
	--hivergo-slider-height: 0.9375vw;
	--hivergo-slider-thumb: 4.6875vw;
	--surface: rgb(255 255 255);
	--field-surface: color-mix(in srgb, var(--app-theme) 52%, #fff);
	--field-focus: color-mix(in srgb, var(--app-theme) 68%, #fff);
	--explainer-surface: color-mix(in srgb, var(--app-theme) 30%, #fff);
	--control-surface: color-mix(in srgb, var(--app-theme) 48%, #fff);
	--popover-surface: color-mix(in srgb, var(--app-theme) 24%, #fff);
	--switch-color: var(--app-accent);
	--hero-height: calc(100% - 21.875vw);
	--squircle-displacement: 10vw;
	--squircle: shape(from 0 var(--squircle-displacement), curve to var(--squircle-displacement) 0 with 0 0 / 0 0, hline to calc(100% - var(--squircle-displacement)), curve to 100% var(--squircle-displacement) with 100% 0 / 100% 0, vline to calc(100% - var(--squircle-displacement)), curve to calc(100% - var(--squircle-displacement)) 100% with 100% 100% / 100% 100%, hline to var(--squircle-displacement), curve to 0 calc(100% - var(--squircle-displacement)) with 0 100% / 0 100%, close);
	--widget-icon-color: hsl(from var(--app-theme) h s 50%);
	--widget-count-color: var(--widget-icon-color);
	--icon-color: var(--widget-icon-color);
	--special-toast-color: #C86F52;
	--theme-background-image: radial-gradient(circle at 8% 16%, rgb(143 175 145 / 25%) 0 18.75vw, #0000 19vw),
    radial-gradient(circle at 82% 11%, rgb(232 198 109 / 32%) 0 3.125vw, #0000 3.35vw),
    radial-gradient(circle at 77% 43%, rgb(142 184 220 / 24%) 0 10.9375vw, #0000 11.1875vw),
    radial-gradient(circle at 19% 66%, rgb(232 166 184 / 26%) 0 4.6875vw, #0000 4.9375vw),
    radial-gradient(circle at 90% 84%, rgb(169 147 214 / 22%) 0 18.75vw, #0000 19vw),
    radial-gradient(circle at 41% 91%, rgb(235 162 140 / 31%) 0 3.125vw, #0000 3.35vw);
	--theme-background-opacity: 1;
	--bubbles-fill: #ffffff;
	--fellowship-pink: #E8A6B8;
	--fellowship-yellow: #E8C66D;
	--fellowship-coral: #EBA28C;
	--fellowship-cream: #FBF9F6;
	--search-focus: #F4D6CA;
	--widget-item-background: color-mix(in srgb, var(--app-theme) 50%, #fff);
	--profile-avatar-shell: #79584D;
	--timeline-1: #C86F52;
	--timeline-2: #C66D8B;
	--timeline-3: #6F9D72;
	--timeline-4: #5F95BF;
	--timeline-5: #8C74BE;
	--timeline-6: #D47C63;
	--squircle-displacement-small: 8.125vw;
	--squircle-small: shape(from 0 var(--squircle-displacement-small), curve to var(--squircle-displacement-small) 0 with 0 0 / 0 0, hline to calc(100% - var(--squircle-displacement-small)), curve to 100% var(--squircle-displacement-small) with 100% 0 / 100% 0, vline to calc(100% - var(--squircle-displacement-small)), curve to calc(100% - var(--squircle-displacement-small)) 100% with 100% 100% / 100% 100%, hline to var(--squircle-displacement-small), curve to 0 calc(100% - var(--squircle-displacement-small)) with 0 100% / 0 100%, close);
}

svg {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	position: absolute;
	border-radius: inherit;
	fill: var(--icon-color);
	filter: none;
}

body *::-webkit-scrollbar {
	display: none;
}

*,
*::before,
*::after {
	box-sizing: border-box;
	-webkit-tap-highlight-color: transparent;
}

html,
body {
	width: 100%;
	height: 100%;
	margin: 0;
	overflow: hidden;
	background: var(--app-theme);
}

input::-webkit-slider-thumb {
	-webkit-appearance: none;
}

input[type="range"] {
	-webkit-appearance: none;
	touch-action: none;
}

input {
	top: 0;
	left: 0;
	border: none;
	color: inherit;
	outline: none;
	font-family: inherit;
	background: #0000;
}

.---horizontal-scroll {
	overflow: auto hidden;
}

#-svg-sprite {
	width: 0;
	height: 0;
	position: absolute;
	overflow: hidden;
}

.---disable-scroll {
	overflow: hidden;
}

.material-symbols-rounded {
	width: 100%;
	height: 100%;
	display: flex;
	line-height: 1;
	direction: ltr;
	font-size: 6.25vw;
	word-wrap: normal;
	font-style: normal;
	font-weight: normal;
	align-items: center;
	text-transform: none;
	white-space: nowrap;
	letter-spacing: normal;
	justify-content: center;
	-webkit-font-smoothing: antialiased;
	-webkit-font-feature-settings: "liga";
	font-family: "Material Symbols Rounded";
	font-variation-settings: "FILL" 0, "wght" 200, "GRAD" 0, "opsz" 24;
}

.---shift-right {
	margin: 0 0 0 auto;
}

[data-click].---pressed {
	transform: scale(0.9);
}

.-vertical-divider {
	z-index: 3;
	display: flex;
	min-width: 0.625vw;
	position: relative;
	overflow: visible;
	align-items: center;
	margin: 0 4.6875vw;
	justify-content: center;
	height: -webkit-fill-available;
	transition: margin 0.3s, min-height 0.3s;
	background: linear-gradient(180deg, #0000, rgb(60 160 255 / 50%), #0000);
}

/* ==========================================================
   Fellowship v1 Build 009
   Fellowship domain layer on the HiverGo Beta shell.
   Geometry and interaction classes from HiverGo stay canonical above.
   ========================================================== */

html[data-fellowship-theme="garden"] {
	--app-theme: #CFE1CC;
	--app-accent: #6F9D72;
	--surface: #fff;
	--dimmer: rgb(111 157 114 / 30%);
	--app-muted: #405E44;
	--search-focus: #DCEED9;
	--widget-item-background: color-mix(in srgb,var(--app-theme) 50%,#fff);
	--profile-avatar-shell: #4D7050;
	--special-toast-color: #668D69;
	--timeline-1: #B76349;
	--timeline-2: #AF5E7C;
	--timeline-3: #507E54;
	--timeline-4: #527F9F;
	--timeline-5: #7865A0;
	--timeline-6: #B96E49;
	--theme-background-image: radial-gradient(circle at 12% 14%,rgb(255 255 255 / 38%) 0 18.75vw,#0000 19vw),radial-gradient(circle at 83% 16%,rgb(200 111 82 / 22%) 0 3.125vw,#0000 3.35vw),radial-gradient(circle at 72% 46%,rgb(142 184 220 / 23%) 0 11.25vw,#0000 11.5vw),radial-gradient(circle at 18% 70%,rgb(232 198 109 / 25%) 0 4.6875vw,#0000 4.9375vw),radial-gradient(circle at 88% 84%,rgb(169 147 214 / 18%) 0 18.75vw,#0000 19vw);
}

html[data-fellowship-theme="sky"] {
	--app-theme: #CFEAFF;
	--app-accent: #5E9DD0;
	--surface: #fff;
	--dimmer: rgb(94 157 208 / 30%);
	--app-muted: #3E5E74;
	--search-focus: #DDF1FE;
	--widget-item-background: color-mix(in srgb,var(--app-theme) 50%,#fff);
	--profile-avatar-shell: #477492;
	--special-toast-color: #568FC0;
	--timeline-1: #B86149;
	--timeline-2: #AF5E7C;
	--timeline-3: #5F8D63;
	--timeline-4: #447FAB;
	--timeline-5: #7762AA;
	--timeline-6: #C16B50;
	--theme-background-image: radial-gradient(circle at 10% 14%,rgb(255 255 255 / 42%) 0 18.75vw,#0000 19vw),radial-gradient(circle at 84% 12%,rgb(232 198 109 / 30%) 0 3.125vw,#0000 3.35vw),radial-gradient(circle at 76% 48%,rgb(169 147 214 / 22%) 0 10.9375vw,#0000 11.1875vw),radial-gradient(circle at 18% 68%,rgb(232 166 184 / 24%) 0 4.6875vw,#0000 4.9375vw),radial-gradient(circle at 88% 84%,rgb(143 175 145 / 26%) 0 18.75vw,#0000 19vw);
}

html[data-fellowship-theme="evening"] {
	--app-theme: #D9D0E6;
	--app-color: #2B2927;
	--app-muted: #50475B;
	--app-accent: #8065AD;
	--surface: #fff;
	--dimmer: rgb(128 101 173 / 30%);
	--search-focus: #E7DFF2;
	--widget-item-background: color-mix(in srgb,var(--app-theme) 50%,#fff);
	--profile-avatar-shell: #5E4E78;
	--special-toast-color: #775EA2;
	--timeline-1: #AB604E;
	--timeline-2: #AA5C85;
	--timeline-3: #638265;
	--timeline-4: #5C7F9A;
	--timeline-5: #705A99;
	--timeline-6: #B66D5A;
	--theme-background-image: radial-gradient(circle at 10% 14%,rgb(255 255 255 / 38%) 0 18.75vw,#0000 19vw),radial-gradient(circle at 82% 12%,rgb(232 198 109 / 26%) 0 3.125vw,#0000 3.35vw),radial-gradient(circle at 74% 46%,rgb(142 184 220 / 22%) 0 10.9375vw,#0000 11.1875vw),radial-gradient(circle at 18% 68%,rgb(232 166 184 / 24%) 0 4.6875vw,#0000 4.9375vw),radial-gradient(circle at 88% 84%,rgb(200 111 82 / 20%) 0 18.75vw,#0000 19vw);
}