/* IndentOS palette: Cream, Ink Black, Burnt Orange. Desk light theme and website pages (login), which carry no data-theme; dark stays stock.
   ponytail: overrides Frappe v16 CSS variables only, no selectors on components, so a Frappe
   upgrade that renames a variable degrades to stock colours instead of breaking layout. */
:root:not([data-theme="dark"]) {
	--io-cream: #F2EDE1;
	--io-ink: #111111;
	--io-orange: #CB4920;

	/* Cream ground */
	--surface-base: var(--io-cream);
	--surface-sidebar: var(--io-cream);
	--bg-color: var(--io-cream);
	--card-bg: var(--io-cream);
	--fg-color: var(--io-cream);

	/* Raised surfaces (dialogs, dropdowns, active items) and the light greys (inputs, secondary
	   buttons, read-only fields) were stock white and cool grey; warm them from the same two colours. */
	--io-raised: var(--io-cream); /* operator 11-09: no near-white panels; shadows separate them */
	--surface-elevation-1: var(--io-raised);
	--surface-elevation-2: var(--io-raised);
	--surface-elevation-3: var(--io-raised);
	--surface-alpha-base: var(--io-raised);
	--surface-alpha-elevation-1: var(--io-raised);
	--surface-alpha-elevation-2: var(--io-raised);
	--surface-alpha-elevation-3: var(--io-raised);
	--surface-gray-1: color-mix(in srgb, var(--io-cream), var(--io-ink) 3%);
	--surface-gray-2: color-mix(in srgb, var(--io-cream), var(--io-ink) 6%);
	--surface-gray-3: color-mix(in srgb, var(--io-cream), var(--io-ink) 10%);

	/* Ink text */
	--text-color: var(--io-ink);
	--heading-color: var(--io-ink);
	--ink-gray-9: var(--io-ink);
	--ink-gray-8: var(--io-ink);

	/* Burnt orange accent: primary buttons, checkboxes, active states */
	--primary: var(--io-orange);
	--primary-color: var(--io-orange);
	--btn-primary: var(--io-orange);
}

/* v16 "es-button" sets its solid colours on the element itself, so :root cannot reach it.
   Danger buttons keep their red. */
:root:not([data-theme="dark"]) .es-button:not(.btn-danger) {
	--bt-solid-bg: var(--io-orange);
	--bt-solid-bg-hover: color-mix(in srgb, var(--io-orange) 88%, black);
	--bt-solid-bg-active: color-mix(in srgb, var(--io-orange) 76%, black);
	--bt-solid-fg: var(--io-cream); /* operator 11-09: cream on orange, 3.97:1, AA for large/bold only */
}

/* Date picker ships a hard-coded blue selected day. */
:root:not([data-theme="dark"]) .datepicker--cell.-selected-,
:root:not([data-theme="dark"]) .datepicker--cell.-selected-.-current-,
:root:not([data-theme="dark"]) .datepicker--cell.-selected-.-focus- { background: var(--io-orange); color: var(--io-cream); }

/* Operator 11-09: no embedded training videos. The DB intro_video_url values were cleared too,
   but migrate restores them from erpnext's JSON, so this keeps them hidden for good. */
.onboarding-video, .onboarding-video-player, .onboarding-step-media { display: none !important; }