/**
 * QE shared theme tokens.
 *
 * Installed into wp-content/mu-plugins/ by the provisioner and enqueued by
 * qe-white-label.php. Keep brand colors, typography, and shared surface
 * tokens here so admin.css and QE-managed plugins consume the same palette.
 */

:root {
	color-scheme: light;

	--qe-font-sans: 'Hanken Grotesk', ui-sans-serif, system-ui, sans-serif;
	--qe-font-display: 'Fraunces', ui-serif, Georgia, serif;
	--qe-font-mono: 'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, monospace;

	--qe-light-paper: #faf6ef;
	--qe-light-paper-2: #f3ede0;
	--qe-light-paper-3: #ebe3d1;
	--qe-light-surface: #ffffff;
	--qe-light-elevated: #ffffff;
	--qe-light-elevated-2: #ebe3d1;

	--qe-light-ink: #0d1014;
	--qe-light-ink-2: #1a1f26;
	--qe-light-ink-3: #2a313b;
	--qe-light-ink-muted: #4f5763;
	--qe-light-ink-subtle: #707682;

	--qe-light-rule: #e2dac6;
	--qe-light-rule-strong: #cfc4aa;
	--qe-light-rule-hover: #9d8f72;
	--qe-light-rule-inverted: #1f242c;

	--qe-dark-paper: #0e0f0b;
	--qe-dark-paper-2: #161710;
	--qe-dark-paper-3: #1e2015;
	--qe-dark-surface: #15160f;
	--qe-dark-elevated: #202218;
	--qe-dark-elevated-2: #292c1e;

	--qe-dark-ink: #f1efe2;
	--qe-dark-ink-2: #e4e1d2;
	--qe-dark-ink-3: #cbc8b8;
	--qe-dark-ink-muted: #a6a392;
	--qe-dark-ink-subtle: #7c7a6a;

	--qe-dark-rule: #282b1e;
	--qe-dark-rule-strong: #363a28;
	--qe-dark-rule-hover: #4b5035;
	--qe-dark-rule-inverted: #ddd6c0;

	--qe-lime: #8ea2ff;
	--qe-lime-bright: #c7d2ff;
	--qe-lime-press: #7286f4;
	--qe-lime-deep: #5668d8;
	--qe-on-lime: #0d1014;

	--qe-light-lime-hover: var(--qe-lime-press);
	--qe-light-lime-press: var(--qe-lime-deep);
	--qe-light-lime-text: #3543a4;
	--qe-light-lime-soft: rgba(142, 162, 255, 0.24);
	--qe-light-lime-line: rgba(53, 67, 164, 0.28);

	--qe-dark-lime-hover: var(--qe-lime-bright);
	--qe-dark-lime-press: var(--qe-lime-press);
	--qe-dark-lime-text: var(--qe-lime);
	--qe-dark-lime-soft: rgba(142, 162, 255, 0.18);
	--qe-dark-lime-line: rgba(142, 162, 255, 0.42);

	--qe-mint-base: #4dc28b;
	--qe-mint-bright: #8ce7bb;
	--qe-light-mint-text: #115a3e;
	--qe-dark-mint-text: #8ce7bb;

	--qe-amber-base: #f5a623;
	--qe-amber-bright: #fbc97a;
	--qe-light-amber-text: #7a4d00;
	--qe-dark-amber-text: #fbc97a;

	--qe-tomato-base: #ec5f3c;
	--qe-tomato-bright: #ff9d83;
	--qe-tomato-soft: rgba(236, 95, 60, 0.13);
	--qe-light-tomato-text: #952b12;
	--qe-light-tomato-hover: #7f220d;
	--qe-light-tomato-press: #641908;
	--qe-light-tomato-fill-hover: #d84f2e;
	--qe-light-tomato-fill-press: #bd3f21;
	--qe-dark-tomato-text: #ff9d83;
	--qe-dark-tomato-hover: #ffb49f;
	--qe-dark-tomato-press: #ec5f3c;

	--qe-rose: #f3b4c0;
	--qe-light-rose-text: #9f435b;
	--qe-light-rose-soft: rgba(243, 180, 192, 0.28);
	--qe-dark-rose-text: #f3b4c0;
	--qe-dark-rose-soft: rgba(243, 180, 192, 0.16);

	--qe-focus-ring-light: rgba(13, 16, 20, 0.08);
	--qe-focus-ring-dark: rgba(142, 162, 255, 0.18);
	--qe-inset-highlight-light: rgba(255, 255, 255, 0.6);
	--qe-inset-highlight-dark: rgba(255, 255, 255, 0.05);
	--qe-scrim-light: rgba(13, 16, 20, 0.28);
	--qe-scrim-dark: rgba(4, 5, 3, 0.66);

	--qe-paper: var(--qe-light-paper);
	--qe-paper-2: var(--qe-light-paper-2);
	--qe-paper-3: var(--qe-light-paper-3);
	--qe-surface: var(--qe-light-surface);
	--qe-elevated: var(--qe-light-elevated);
	--qe-elevated-2: var(--qe-light-elevated-2);

	--qe-ink: var(--qe-light-ink);
	--qe-ink-2: var(--qe-light-ink-2);
	--qe-ink-3: var(--qe-light-ink-3);
	--qe-ink-muted: var(--qe-light-ink-muted);
	--qe-ink-subtle: var(--qe-light-ink-subtle);

	--qe-rule: var(--qe-light-rule);
	--qe-rule-strong: var(--qe-light-rule-strong);
	--qe-rule-hover: var(--qe-light-rule-hover);
	--qe-rule-inverted: var(--qe-light-rule-inverted);

	--qe-lime-soft: var(--qe-light-lime-soft);
	--qe-lime-line: var(--qe-light-lime-line);
	--qe-lime-text: var(--qe-light-lime-text);
	--qe-mint: var(--qe-light-mint-text);
	--qe-mint-fill: var(--qe-mint-base);
	--qe-mint-text: var(--qe-light-mint-text);
	--qe-amber: var(--qe-light-amber-text);
	--qe-amber-fill: var(--qe-amber-base);
	--qe-amber-text: var(--qe-light-amber-text);
	--qe-tomato: var(--qe-light-tomato-text);
	--qe-tomato-fill: var(--qe-tomato-base);
	--qe-tomato-text: var(--qe-light-tomato-text);
	--qe-rose-text: var(--qe-light-rose-text);
	--qe-rose-soft: var(--qe-light-rose-soft);

	--qe-focus-ring: var(--qe-focus-ring-light);
	--qe-inset-highlight: var(--qe-inset-highlight-light);
	--qe-scrim: var(--qe-scrim-light);
	--qe-shadow-card: 0 1px 0 0 var(--qe-inset-highlight) inset;
	--qe-shadow-pop: 0 18px 48px rgba(13, 16, 20, 0.16);
	--qe-shadow-lime: 0 8px 24px -10px rgba(142, 162, 255, 0.5);
}

[data-theme='dark'],
.qe-theme-dark,
html.wp-toolbar,
body.wp-admin,
body.login {
	color-scheme: dark;

	--qe-paper: var(--qe-dark-paper);
	--qe-paper-2: var(--qe-dark-paper-2);
	--qe-paper-3: var(--qe-dark-paper-3);
	--qe-surface: var(--qe-dark-surface);
	--qe-elevated: var(--qe-dark-elevated);
	--qe-elevated-2: var(--qe-dark-elevated-2);

	--qe-ink: var(--qe-dark-ink);
	--qe-ink-2: var(--qe-dark-ink-2);
	--qe-ink-3: var(--qe-dark-ink-3);
	--qe-ink-muted: var(--qe-dark-ink-muted);
	--qe-ink-subtle: var(--qe-dark-ink-subtle);

	--qe-rule: var(--qe-dark-rule);
	--qe-rule-strong: var(--qe-dark-rule-strong);
	--qe-rule-hover: var(--qe-dark-rule-hover);
	--qe-rule-inverted: var(--qe-dark-rule-inverted);

	--qe-lime-soft: var(--qe-dark-lime-soft);
	--qe-lime-line: var(--qe-dark-lime-line);
	--qe-lime-text: var(--qe-dark-lime-text);
	--qe-mint: var(--qe-dark-mint-text);
	--qe-mint-fill: var(--qe-mint-base);
	--qe-mint-text: var(--qe-dark-mint-text);
	--qe-amber: var(--qe-dark-amber-text);
	--qe-amber-fill: var(--qe-amber-base);
	--qe-amber-text: var(--qe-dark-amber-text);
	--qe-tomato: var(--qe-dark-tomato-text);
	--qe-tomato-fill: var(--qe-tomato-base);
	--qe-tomato-text: var(--qe-dark-tomato-text);
	--qe-rose-text: var(--qe-dark-rose-text);
	--qe-rose-soft: var(--qe-dark-rose-soft);

	--qe-focus-ring: var(--qe-focus-ring-dark);
	--qe-inset-highlight: var(--qe-inset-highlight-dark);
	--qe-scrim: var(--qe-scrim-dark);
	--qe-shadow-card: 0 1px 0 0 var(--qe-inset-highlight) inset;
	--qe-shadow-pop: 0 18px 48px rgba(0, 0, 0, 0.55);
	--qe-shadow-lime: 0 8px 24px -10px rgba(142, 162, 255, 0.5);
}

[data-theme='light'],
.qe-theme-light {
	color-scheme: light;

	--qe-paper: var(--qe-light-paper);
	--qe-paper-2: var(--qe-light-paper-2);
	--qe-paper-3: var(--qe-light-paper-3);
	--qe-surface: var(--qe-light-surface);
	--qe-elevated: var(--qe-light-elevated);
	--qe-elevated-2: var(--qe-light-elevated-2);

	--qe-ink: var(--qe-light-ink);
	--qe-ink-2: var(--qe-light-ink-2);
	--qe-ink-3: var(--qe-light-ink-3);
	--qe-ink-muted: var(--qe-light-ink-muted);
	--qe-ink-subtle: var(--qe-light-ink-subtle);

	--qe-rule: var(--qe-light-rule);
	--qe-rule-strong: var(--qe-light-rule-strong);
	--qe-rule-hover: var(--qe-light-rule-hover);
	--qe-rule-inverted: var(--qe-light-rule-inverted);

	--qe-lime-soft: var(--qe-light-lime-soft);
	--qe-lime-line: var(--qe-light-lime-line);
	--qe-lime-text: var(--qe-light-lime-text);
	--qe-mint: var(--qe-light-mint-text);
	--qe-mint-fill: var(--qe-mint-base);
	--qe-mint-text: var(--qe-light-mint-text);
	--qe-amber: var(--qe-light-amber-text);
	--qe-amber-fill: var(--qe-amber-base);
	--qe-amber-text: var(--qe-light-amber-text);
	--qe-tomato: var(--qe-light-tomato-text);
	--qe-tomato-fill: var(--qe-tomato-base);
	--qe-tomato-text: var(--qe-light-tomato-text);
	--qe-rose-text: var(--qe-light-rose-text);
	--qe-rose-soft: var(--qe-light-rose-soft);

	--qe-focus-ring: var(--qe-focus-ring-light);
	--qe-inset-highlight: var(--qe-inset-highlight-light);
	--qe-scrim: var(--qe-scrim-light);
	--qe-shadow-pop: 0 18px 48px rgba(13, 16, 20, 0.16);
}