/*
 * GW Admin Theme — tema "Gerencie Web".
 * Degradê oficial da marca (GradientOverlay de 16° do PSD = 74deg no CSS) com janelas de vidro fosco.
 * Este arquivo só define tokens; o desenho fica em base.css.
 */
:root {
	color-scheme: light;

	/* Moldura: fundo, menu lateral e barra superior */
	--gw-canvas: #1f4f9a;
	--gw-canvas-image: linear-gradient(74deg, #1f3580 0%, #1f57a1 28.9%, #177cc4 70.4%, #079fe2 100%);
	--gw-chrome-text: rgba(255, 255, 255, 0.92);
	--gw-chrome-icon: rgba(255, 255, 255, 0.78);
	--gw-chrome-hover-bg: rgba(255, 255, 255, 0.13);
	--gw-chrome-hover-text: #ffffff;
	--gw-chrome-active-bg: #ffffff;
	--gw-chrome-active-text: #1f3580;
	--gw-chrome-active-icon: #177cc4;
	--gw-chrome-active-shadow: 0 8px 22px -10px rgba(6, 18, 56, 0.55), 0 1px 0 rgba(255, 255, 255, 0.9) inset;
	--gw-chrome-sub-text: rgba(255, 255, 255, 0.76);
	--gw-chrome-sub-current: #ffffff;
	--gw-chrome-guide: rgba(255, 255, 255, 0.22);
	--gw-chrome-divider: rgba(255, 255, 255, 0.2);
	--gw-menu-mobile-bg: #1d3f86;

	/* quase opaca: o painel claro rola por baixo e o texto branco precisa continuar legível */
	--gw-bar-bg: linear-gradient(74deg, rgba(31, 53, 128, 0.94) 0%, rgba(31, 87, 161, 0.93) 45%, rgba(23, 124, 196, 0.93) 100%);
	--gw-bar-border: rgba(255, 255, 255, 0.12);
	--gw-bar-text: #ffffff;
	--gw-bar-icon: rgba(255, 255, 255, 0.85);
	--gw-bar-hover-bg: rgba(255, 255, 255, 0.14);
	--gw-mark-fill: #ffffff;

	--gw-flyout-bg: rgba(18, 40, 100, 0.66);
	--gw-flyout-text-shadow: 0 1px 2px rgba(4, 14, 44, 0.35);
	--gw-flyout-border: rgba(255, 255, 255, 0.16);
	--gw-flyout-text: rgba(255, 255, 255, 0.9);
	--gw-flyout-hover-bg: rgba(255, 255, 255, 0.14);
	--gw-flyout-hover-text: #ffffff;
	--gw-flyout-shadow: 0 18px 40px -12px rgba(4, 14, 44, 0.6);
	--gw-blur: 18px;

	--gw-badge-bg: #ffffff;
	--gw-badge-text: #1f3580;

	/* links soltos sobre o fundo azul (fora do painel): amarelo da Gerencie Web */
	--gw-canvas-link: #f4cc26;
	--gw-canvas-link-hover: #ffda42;

	/* Conteúdo: painel de vidro fosco claro e janelas por cima */
	--gw-panel-bg: rgba(243, 247, 253, 0.86);
	--gw-panel-border: rgba(255, 255, 255, 0.6);
	--gw-panel-shadow: 0 30px 60px -30px rgba(6, 18, 56, 0.55), 0 1px 0 rgba(255, 255, 255, 0.7) inset;
	--gw-surface: rgba(255, 255, 255, 0.72);
	--gw-surface-solid: #ffffff;
	--gw-surface-border: rgba(31, 87, 161, 0.12);
	--gw-surface-shadow: 0 1px 0 rgba(255, 255, 255, 0.95) inset, 0 10px 28px -18px rgba(15, 40, 100, 0.45);
	--gw-surface-2: rgba(226, 236, 249, 0.6);
	--gw-surface-hover: rgba(23, 124, 196, 0.06);
	--gw-divider: rgba(31, 87, 161, 0.12);

	--gw-text: #24304a;
	--gw-text-muted: #5b6886;
	--gw-heading: #0f1d3d;
	--gw-link: #1f57a1;
	--gw-link-hover: #177cc4;

	--gw-input-bg: rgba(255, 255, 255, 0.92);
	--gw-input-border: rgba(31, 87, 161, 0.22);
	--gw-input-border-hover: rgba(31, 87, 161, 0.4);
	--gw-input-text: #1b2742;
	--gw-placeholder: #8592ab;

	--gw-accent: #177cc4;
	--gw-accent-soft: rgba(23, 124, 196, 0.12);
	--gw-accent-text: #1f57a1;
	--gw-focus: rgba(23, 124, 196, 0.32);

	--gw-btn-bg: rgba(255, 255, 255, 0.85);
	--gw-btn-text: #1f3f7a;
	--gw-btn-border: rgba(31, 87, 161, 0.22);
	--gw-btn-hover-bg: #ffffff;
	--gw-primary-bg: linear-gradient(135deg, #1f57a1 0%, #177cc4 100%);
	--gw-primary-text: #ffffff;
	--gw-primary-shadow: 0 8px 18px -10px rgba(23, 92, 170, 0.8);

	--gw-success: #1a9c6b;
	--gw-warning: #d48b07;
	--gw-error: #d6334a;
	--gw-info: #177cc4;

	--gw-select-arrow: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='m5 7.5 5 5 5-5' fill='none' stroke='%235b6886' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
	--gw-scroll-thumb: rgba(31, 87, 161, 0.35);

	scrollbar-color: var(--gw-scroll-thumb) transparent;
}

body.admin-color-gw-brand {
	--wp-admin-theme-color: #177cc4;
	--wp-admin-theme-color--rgb: 23, 124, 196;
	--wp-admin-theme-color-darker-10: #1f57a1;
	--wp-admin-theme-color-darker-10--rgb: 31, 87, 161;
	--wp-admin-theme-color-darker-20: #1f3580;
	--wp-admin-theme-color-darker-20--rgb: 31, 53, 128;
	--wp-admin-border-width-focus: 2px;
}