/**
 * VirtLaunch Design System — CSS Custom Properties
 *
 * Central color palette and semantic role tokens.
 * Enqueued globally on both admin and frontend pages.
 *
 * @package VirtLaunch
 */

:root {
	/* === Brand Palette === */
	--vl-red-50:  #F7F6F4;
	--vl-red-100: #F2DAD9;
	--vl-red-200: #DDD9D6;
	--vl-red-300: #D9918C;
	--vl-red-400: #CC6D66;
	--vl-red-500: #BF4840;
	--vl-red-600: #993A33;
	--vl-red-700: #732B26;
	--vl-red-800: #4D1D19;
	--vl-red-900: #260E0D;
	--vl-red-950: #1B0A09;

	/* === Backgrounds === */
	--vl-bg-primary:   #FFFFFF;
	--vl-bg-secondary: var(--vl-red-50);
	--vl-bg-tertiary:  var(--vl-red-50);

	/* === Text === */
	--vl-text-primary:   var(--vl-red-900);
	--vl-text-secondary: var(--vl-red-800);
	--vl-text-muted:     #8C8580;

	/* === Borders === */
	--vl-border-primary: var(--vl-red-200);
	--vl-border-strong:  #C5C1BE;
	--vl-border-light:   var(--vl-red-100);

	/* === Hover === */
	--vl-hover-bg: #EFEEED;

	/* === Brand Actions === */
	--vl-brand-primary: #6B4A47;
	--vl-brand-hover:   #5C3D3A;
	--vl-brand-active:  #4D1D19;
	--vl-brand-light:   var(--vl-red-50);

	/* === Buttons === */
	--vl-btn-primary-bg:    #6B4A47;
	--vl-btn-primary-hover: #5C3D3A;
	--vl-btn-primary-text:  #FFFFFF;
	--vl-btn-secondary-bg:    var(--vl-red-50);
	--vl-btn-secondary-hover: var(--vl-red-100);
	--vl-btn-secondary-text:  var(--vl-red-900);

	/* === Semantic States === */
	--vl-success-bg:   #d7f7dc;
	--vl-success-text: #00700f;
	--vl-success-icon: #00a32a;

	--vl-warning-bg:   #fcf9e9;
	--vl-warning-text: #996800;
	--vl-warning-icon: #dba617;

	--vl-error-bg:     var(--vl-red-50);
	--vl-error-text:   var(--vl-red-600);
	--vl-error-border: var(--vl-red-500);
	--vl-error-icon:   var(--vl-red-500);

	--vl-info-bg:     var(--vl-red-50);
	--vl-info-text:   var(--vl-red-600);
	--vl-info-border: var(--vl-red-400);
}

/* ===================================================================
   WordPress Button Overrides — scoped to VirtLaunch admin pages
   =================================================================== */

body.toplevel_page_virtlaunch .button-primary,
body[class*="virtlaunch_page_virtlaunch-"] .button-primary,
body.toplevel_page_virtlaunch .button-primary:focus,
body[class*="virtlaunch_page_virtlaunch-"] .button-primary:focus {
	background: var(--vl-brand-primary);
	border-color: var(--vl-brand-primary);
	color: #fff;
	box-shadow: 0 1px 0 var(--vl-red-950);
	text-shadow: none;
}

body.toplevel_page_virtlaunch .button-primary:hover,
body[class*="virtlaunch_page_virtlaunch-"] .button-primary:hover {
	background: var(--vl-brand-hover);
	border-color: var(--vl-brand-hover);
	color: #fff;
	box-shadow: 0 1px 0 var(--vl-red-950);
}

body.toplevel_page_virtlaunch .button-primary:active,
body[class*="virtlaunch_page_virtlaunch-"] .button-primary:active {
	background: var(--vl-brand-active);
	border-color: var(--vl-brand-active);
	color: #fff;
	box-shadow: inset 0 2px 0 var(--vl-red-950);
}

body.toplevel_page_virtlaunch .button-primary.disabled,
body.toplevel_page_virtlaunch .button-primary:disabled,
body[class*="virtlaunch_page_virtlaunch-"] .button-primary.disabled,
body[class*="virtlaunch_page_virtlaunch-"] .button-primary:disabled {
	background: var(--vl-red-200) !important;
	border-color: var(--vl-red-200) !important;
	color: #fff !important;
	box-shadow: none !important;
}

/* Secondary / default buttons */
body.toplevel_page_virtlaunch .button-secondary,
body.toplevel_page_virtlaunch .button:not(.button-primary):not(.button-link),
body[class*="virtlaunch_page_virtlaunch-"] .button-secondary,
body[class*="virtlaunch_page_virtlaunch-"] .button:not(.button-primary):not(.button-link) {
	border-color: var(--vl-border-strong);
	color: var(--vl-text-primary);
	background: var(--vl-bg-primary);
}

body.toplevel_page_virtlaunch .button-secondary:hover,
body.toplevel_page_virtlaunch .button:not(.button-primary):not(.button-link):hover,
body[class*="virtlaunch_page_virtlaunch-"] .button-secondary:hover,
body[class*="virtlaunch_page_virtlaunch-"] .button:not(.button-primary):not(.button-link):hover {
	border-color: var(--vl-red-800);
	color: var(--vl-text-primary);
	background: var(--vl-hover-bg);
}

body.toplevel_page_virtlaunch .button-secondary:focus,
body.toplevel_page_virtlaunch .button:not(.button-primary):not(.button-link):focus,
body[class*="virtlaunch_page_virtlaunch-"] .button-secondary:focus,
body[class*="virtlaunch_page_virtlaunch-"] .button:not(.button-primary):not(.button-link):focus {
	border-color: var(--vl-brand-primary);
	color: var(--vl-text-primary);
	box-shadow: 0 0 0 1px var(--vl-brand-primary);
}

/* Link-style buttons */
body.toplevel_page_virtlaunch .button-link,
body[class*="virtlaunch_page_virtlaunch-"] .button-link {
	color: var(--vl-text-primary);
}

body.toplevel_page_virtlaunch .button-link:hover,
body[class*="virtlaunch_page_virtlaunch-"] .button-link:hover {
	color: var(--vl-brand-hover);
}

/* WP List Table action links */
body.toplevel_page_virtlaunch .row-actions a,
body[class*="virtlaunch_page_virtlaunch-"] .row-actions a {
	color: var(--vl-text-primary);
}

body.toplevel_page_virtlaunch .row-actions a:hover,
body[class*="virtlaunch_page_virtlaunch-"] .row-actions a:hover {
	color: var(--vl-brand-hover);
}

/* Page title action (Add New beside page heading) */
body.toplevel_page_virtlaunch .page-title-action,
body[class*="virtlaunch_page_virtlaunch-"] .page-title-action {
	border-color: var(--vl-border-strong);
	color: var(--vl-text-primary);
}

body.toplevel_page_virtlaunch .page-title-action:hover,
body[class*="virtlaunch_page_virtlaunch-"] .page-title-action:hover {
	border-color: var(--vl-red-800);
	color: var(--vl-text-primary);
	background: var(--vl-hover-bg);
}

/* Tablenav and pagination links */
body.toplevel_page_virtlaunch .tablenav-pages a,
body[class*="virtlaunch_page_virtlaunch-"] .tablenav-pages a {
	border-color: var(--vl-border-strong);
	color: var(--vl-text-primary);
}

body.toplevel_page_virtlaunch .tablenav-pages a:hover,
body[class*="virtlaunch_page_virtlaunch-"] .tablenav-pages a:hover {
	border-color: var(--vl-red-800);
	color: var(--vl-text-primary);
	background: var(--vl-hover-bg);
}

body.toplevel_page_virtlaunch .tablenav-pages .current-page,
body[class*="virtlaunch_page_virtlaunch-"] .tablenav-pages .current-page {
	border-color: var(--vl-brand-primary);
}

/* Subsubsub filter links */
body.toplevel_page_virtlaunch .subsubsub a,
body[class*="virtlaunch_page_virtlaunch-"] .subsubsub a {
	color: var(--vl-text-primary);
}

body.toplevel_page_virtlaunch .subsubsub a:hover,
body[class*="virtlaunch_page_virtlaunch-"] .subsubsub a:hover {
	color: var(--vl-brand-hover);
}

/* Table column header sort links */
body.toplevel_page_virtlaunch .wp-list-table thead a,
body.toplevel_page_virtlaunch .wp-list-table tfoot a,
body[class*="virtlaunch_page_virtlaunch-"] .wp-list-table thead a,
body[class*="virtlaunch_page_virtlaunch-"] .wp-list-table tfoot a {
	color: var(--vl-red-800);
}

body.toplevel_page_virtlaunch .wp-list-table thead a:hover,
body.toplevel_page_virtlaunch .wp-list-table tfoot a:hover,
body[class*="virtlaunch_page_virtlaunch-"] .wp-list-table thead a:hover,
body[class*="virtlaunch_page_virtlaunch-"] .wp-list-table tfoot a:hover {
	color: var(--vl-brand-primary);
}

/* Non-sortable column headers */
body.toplevel_page_virtlaunch .wp-list-table thead th,
body.toplevel_page_virtlaunch .wp-list-table tfoot th,
body[class*="virtlaunch_page_virtlaunch-"] .wp-list-table thead th,
body[class*="virtlaunch_page_virtlaunch-"] .wp-list-table tfoot th {
	color: var(--vl-red-800);
}

/* Table cell links (server names, customer names, order IDs, etc.) */
body.toplevel_page_virtlaunch .wp-list-table tbody a,
body[class*="virtlaunch_page_virtlaunch-"] .wp-list-table tbody a {
	color: var(--vl-red-800);
}

body.toplevel_page_virtlaunch .wp-list-table tbody a:hover,
body[class*="virtlaunch_page_virtlaunch-"] .wp-list-table tbody a:hover {
	color: var(--vl-brand-primary);
}

/* General admin content links */
body.toplevel_page_virtlaunch .wrap a:not(.button):not(.page-title-action),
body[class*="virtlaunch_page_virtlaunch-"] .wrap a:not(.button):not(.page-title-action) {
	color: var(--vl-red-800);
}

body.toplevel_page_virtlaunch .wrap a:not(.button):not(.page-title-action):hover,
body[class*="virtlaunch_page_virtlaunch-"] .wrap a:not(.button):not(.page-title-action):hover {
	color: var(--vl-brand-primary);
}