/*
 * PCT cost calculator - colour themes
 * License: Copyright Albright IP
 *
 * The dialog uses only these variables for colour. A theme is a class
 * 'pct-theme-<name>' on .pct-modal-dialog that overrides some or all of them.
 * The launcher (.pct-start-form) gets the same class, but only its button uses
 * the variables; the rest of the launcher is not themed yet (notes #15).
 * Theme names are listed in pct-cost-calc-themes.php (admin dropdown).
 * Unknown themes get the defaults below, which are the 'mockup' theme.
 */

/* Default = mockup theme (colours sampled from design/next/*.png) */
.pct-modal-dialog,
.pct-start-form {
	--pct-font: 'Open Sans', sans-serif;

	--pct-primary: #7161e0;           /* header banner, primary button */
	--pct-primary-hover: #5b4bc9;
	--pct-on-primary: #ffffff;        /* text on primary */
	--pct-on-primary-muted: rgba(255, 255, 255, 0.78); /* header subtitle */

	--pct-secondary: #ba7517;         /* future second action (Instruct), see notes #20 */
	--pct-secondary-hover: #9e6212;
	--pct-on-secondary: #ffffff;

	--pct-micro-bg: #caeac7;          /* micro-entity card */
	--pct-micro-text: #006300;        /* micro-entity figures and headings */

	--pct-urgent-bg: #d03b3b;         /* red banner */
	--pct-warning-bg: #b45f06;        /* amber banner */
	--pct-on-banner: #ffffff;

	--pct-surface: #ffffff;           /* dialog background */
	--pct-card-bg: #f6f6f4;           /* deadline / standard rate cards */
	--pct-panel-bg: #fcfcfb;          /* desktop side panel */
	--pct-border: #e6e6e6;            /* dividers, input borders */
	--pct-text: #1f1f1f;
	--pct-text-muted: #75736e;        /* labels, secondary text */
	--pct-alert-text: #c0392b;        /* alert notes, field errors */
}

.pct-modal-dialog.pct-theme-client,
.pct-start-form.pct-theme-client {
	/* Colours from design/next/client-supplied-css.css */
	--pct-primary: #9b4fc4;
	--pct-primary-hover: #863fae;

	--pct-micro-bg: #eaf3de;
	--pct-micro-text: #3b6d11;

	--pct-urgent-bg: #c0392b;

	--pct-card-bg: #f4f3ef;
	--pct-panel-bg: #f4f3ef;
	--pct-border: #e5e3dc;
	--pct-text: #333333;
	--pct-text-muted: #767470;
}

.pct-modal-dialog.pct-theme-classic,
.pct-start-form.pct-theme-classic {
	/* Close to the original gradient banner and buttons */
	--pct-primary: #8e44ad;
	--pct-primary-hover: #6c3484;

	--pct-micro-bg: #e8f5e9;
	--pct-micro-text: #2e7d32;

	--pct-urgent-bg: #d03838;

	--pct-card-bg: #f5f5f5;
	--pct-panel-bg: #fafafa;
	--pct-border: #d3d3d3;
	--pct-text: #333333;
	--pct-text-muted: #666666;
}