/*
Theme Name: Panel Theme
Theme URI: https://example.com/
Author: EasyLink Automations
Author URI: https://example.com/
Description: Marketing and documentation theme for LicenseHub — a self-hosted license commerce panel. Ships a conversion-focused front page, a documentation system backed by a custom post type, and a light/dark design system with no external asset requests.
Version: 1.0.0
Requires at least: 6.4
Tested up to: 7.1
Requires PHP: 8.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: paneltheme
Tags: custom-menu, featured-images, translation-ready, documentation, one-column, two-columns, full-width-template

This file carries the theme header and the design tokens. Component styles live
in assets/css/main.css and assets/css/docs.css, both enqueued from inc/assets.php.
*/

/* --------------------------------------------------------------------------
   Design tokens
   Brand gradient is taken from the product's own mark (#635cf0 -> #3b30da) and
   the neutral scale mirrors the `surface` palette in the app's tailwind config,
   so the site and the product look like one system.
   -------------------------------------------------------------------------- */

:root {
	--pt-brand-50: #eef0fe;
	--pt-brand-100: #e0e3fd;
	--pt-brand-200: #c6ccfb;
	--pt-brand-300: #a3abf7;
	--pt-brand-400: #838cf4;
	--pt-brand-500: #635cf0;
	--pt-brand-600: #4f45e8;
	--pt-brand-700: #3b30da;
	--pt-brand-800: #2f26ad;
	--pt-brand-900: #282287;
	--pt-brand-950: #191552;

	--pt-surface-0: #ffffff;
	--pt-surface-50: #f9fafb;
	--pt-surface-100: #f3f4f6;
	--pt-surface-200: #e5e7eb;
	--pt-surface-300: #d1d5db;
	--pt-surface-400: #9ca3af;
	--pt-surface-500: #6b7280;
	--pt-surface-600: #4b5563;
	--pt-surface-700: #374151;
	--pt-surface-800: #1f2937;
	--pt-surface-900: #111827;
	--pt-surface-950: #030712;

	--pt-emerald: #059669;
	--pt-amber: #d97706;
	--pt-rose: #e11d48;

	/* Semantic roles — light theme. */
	--pt-bg: var(--pt-surface-0);
	--pt-bg-subtle: var(--pt-surface-50);
	--pt-bg-sunken: var(--pt-surface-100);
	--pt-bg-inverse: var(--pt-surface-950);
	--pt-card: var(--pt-surface-0);
	--pt-border: var(--pt-surface-200);
	--pt-border-strong: var(--pt-surface-300);
	--pt-text: var(--pt-surface-900);
	--pt-text-strong: var(--pt-surface-950);
	--pt-text-muted: var(--pt-surface-500);
	--pt-text-inverse: var(--pt-surface-0);
	--pt-accent: var(--pt-brand-600);
	--pt-accent-hover: var(--pt-brand-700);
	--pt-accent-soft: var(--pt-brand-50);
	--pt-accent-soft-border: var(--pt-brand-200);
	--pt-accent-text: var(--pt-brand-700);
	--pt-code-bg: var(--pt-surface-950);
	--pt-code-text: #e6e8ef;
	--pt-code-border: var(--pt-surface-800);
	--pt-ring: rgba(99, 92, 240, 0.45);

	--pt-gradient: linear-gradient(135deg, #635cf0 0%, #3b30da 100%);

	--pt-shadow-xs: 0 1px 2px 0 rgb(0 0 0 / 0.05);
	--pt-shadow-card: 0 1px 3px 0 rgb(0 0 0 / 0.06), 0 1px 2px -1px rgb(0 0 0 / 0.06);
	--pt-shadow-drop: 0 4px 6px -1px rgb(0 0 0 / 0.07), 0 2px 4px -2px rgb(0 0 0 / 0.07);
	--pt-shadow-lift: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);

	--pt-radius: 0.5rem;
	--pt-radius-lg: 0.875rem;
	--pt-radius-full: 999px;

	--pt-font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;
	--pt-font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace;

	--pt-wrap: 1200px;
	--pt-wrap-narrow: 760px;
	--pt-header-h: 64px;
}

/* Dark theme. Applies when the visitor's OS prefers dark and they have not
   explicitly chosen light, or when they toggle dark on. */
@media (prefers-color-scheme: dark) {
	:root:not([data-pt-theme="light"]) {
		--pt-bg: #0b0f1a;
		--pt-bg-subtle: #0f1420;
		--pt-bg-sunken: #141a28;
		--pt-bg-inverse: #f9fafb;
		--pt-card: #121826;
		--pt-border: #232b3d;
		--pt-border-strong: #313b52;
		--pt-text: #dfe3ec;
		--pt-text-strong: #ffffff;
		--pt-text-muted: #98a1b5;
		--pt-text-inverse: #0b0f1a;
		--pt-accent: #838cf4;
		--pt-accent-hover: #a3abf7;
		--pt-accent-soft: rgba(99, 92, 240, 0.12);
		--pt-accent-soft-border: rgba(99, 92, 240, 0.32);
		--pt-accent-text: #a3abf7;
		--pt-code-bg: #0a0e18;
		--pt-code-text: #dfe3ec;
		--pt-code-border: #232b3d;
		--pt-emerald: #34d399;
		--pt-amber: #fbbf24;
		--pt-rose: #fb7185;
	}
}

:root[data-pt-theme="dark"] {
	--pt-bg: #0b0f1a;
	--pt-bg-subtle: #0f1420;
	--pt-bg-sunken: #141a28;
	--pt-bg-inverse: #f9fafb;
	--pt-card: #121826;
	--pt-border: #232b3d;
	--pt-border-strong: #313b52;
	--pt-text: #dfe3ec;
	--pt-text-strong: #ffffff;
	--pt-text-muted: #98a1b5;
	--pt-text-inverse: #0b0f1a;
	--pt-accent: #838cf4;
	--pt-accent-hover: #a3abf7;
	--pt-accent-soft: rgba(99, 92, 240, 0.12);
	--pt-accent-soft-border: rgba(99, 92, 240, 0.32);
	--pt-accent-text: #a3abf7;
	--pt-code-bg: #0a0e18;
	--pt-code-text: #dfe3ec;
	--pt-code-border: #232b3d;
	--pt-emerald: #34d399;
	--pt-amber: #fbbf24;
	--pt-rose: #fb7185;
}