/*
 * Tiedepalsta Light: theme colours.
 * Loaded after the shared stylesheets of styles/tiedepalsta_common (see its overall_header.html).
 * Only colours belong here; layout, spacing and typography are shared.
 *
 * Values are the old forum's Light style (we_universal), measured on tiedepalsta.fi. The token
 * names and groups match styles/tiedepalsta_dark/theme/theme.css.
 */

:root {
	/* Page, wrappers, panels */
	--tp-page-bg: #e6e6e62b;
	--tp-page-bg-mobile: #ffffff;
	--tp-page-text: #525252;
	--tp-wrapper-bg: #ffffff;
	--tp-wrapper-border: #e7e7e7;
	--tp-panel-bg: #f1f1f1;
	--tp-notice-bg: #fbfbfb;
	--tp-topbar-border: #777777;
	--tp-footer-text: #959595;
	--tp-footer-link: #525252;

	/* Text and links */
	--tp-text: #525252;
	--tp-text-strong: #414141;
	--tp-content-text: #525252;
	--tp-heading: #3f3f3f;
	--tp-link: #3f3f3f;
	--tp-topictitle-visited: #6b6b6b;
	--tp-author-text: #525252;
	--tp-profile-link: #3f3f3f;

	/* Forum and topic lists */
	--tp-row-text: #525252;
	--tp-row-separator: #fff;
	--tp-row-alt-bg: #f2f2f2;
	--tp-cell-bg: #f1f1f1;
	--tp-forum-cell-bg: #fafcfe;
	--tp-list-bottom-border: #cacaca;
	--tp-lastpost-mobile-bg: #f1f1f1;
	--tp-lastpost-mobile-alt-bg: #e9e9e9;
	--tp-bg1: #ececec;
	--tp-bg2: #f4f4f4;
	--tp-reported-bg: #f7ecef;
	--tp-reported-cell-bg: #f4e1e6;
	--tp-pagination-bg: #e7e7e7;

	/* Posts */
	--tp-post-bg: #f8f8f8;
	--tp-post-alt-bg: #f1f1f1;
	--tp-post-text: #414141;
	--tp-profile-bg: #f2f2f2;
	--tp-profile-alt-bg: #ececec;
	--tp-profile-reported-bg: #f4e1e6;
	--tp-pointer-bg: #f8f8f8;
	--tp-pointer-alt-bg: #f2f2f2;
	--tp-pointer-reported-bg: #f7ecef;
	--tp-quote-bg: #fbfbfb;
	--tp-quote-nested-bg: #f1f1f1;
	--tp-quote-nested2-bg: #e9e9e9;
	--tp-avatar-blend: multiply;

	/* Forms */
	--tp-input-bg: #ffffff;
	--tp-input-text: #525252;
	--tp-editor-text: #414141;

	/* Control panels and tabs */
	--tp-tab-bg: #dfdfdf;
	--tp-tab-text: #6b6b6b;
	--tp-tab-active-bg: #ececec;
	--tp-tab-active-text: #414141;
	--tp-cp-nav-bg: #cccccc;
	--tp-cp-nav-active-bg: #f9f9f9;
	--tp-cp-nav-active-text: #bc2a4d;
	--tp-cp-mini-bg: #f8f8f8;
	--tp-cp-header-bg: #4c4c4c;
	--tp-cp-row-bg: #f2f2f2;
	--tp-cp-row-alt-bg: #fafcfe;
	--tp-cplist-border: #cacaca;

	/* Dropdowns */
	--tp-dropdown-hover-bg: #e1e1e1;
	--tp-dropdown-hover-text: #000000;
	--tp-dropdown-header-bg: #f1f1f1;
	--tp-dropdown-header-bg-end: #cacaca;

	/* Topic curation stars (mdmx/topiccuration) */
	--tp-editors-pick-star: #09174f;
	--tp-recommend-star: #f0c419;
}

/*
 * The old Light style gave .bg3 boxes (posting options, UCP highlights) the .bg1 colour, after .panel.
 * The old Dark style did not, so there they keep the panel and prosilver colours.
 */
.bg3 {
	background-color: var(--tp-bg1);
}

/* Notice over a post: the shared box has a 1px border; in Light it takes the box's own colour. */
p.post-notice {
	border-color: #ecd5d8;
}