/* 
Theme Name: Ricardo Automation
Theme URI: https://implementacao.ricardoopereira.com.br
Description: Child theme Tech-Noir em dark mode para Ricardo Automation.
Author: Ricardo Automation
Author URI: https://implementacao.ricardoopereira.com.br
Template: hello-elementor
Version: 1.0.0
Requires at least: 6.7
Tested up to: 6.7
Requires PHP: 7.4
Text Domain: ricardo-automation
*/

:root {
	--ra-color-background: #0a0a0a;
	--ra-color-surface: #101216;
	--ra-color-surface-elevated: #171b22;
	--ra-color-border: #27313a;
	--ra-color-text: #e8edf2;
	--ra-color-text-muted: #a5b0bd;
	--ra-color-accent: #4e8dff;
	--ra-color-accent-metallic: #7aa7d9;
	--ra-color-accent-cyan: #087f8c;
	--ra-color-accent-cyan-dark: #055c66;
	--ra-color-success: #2fc48d;
	--ra-shadow-premium: 0 24px 80px rgba(0, 0, 0, 0.5);
	--ra-gradient-metallic: linear-gradient(135deg, #7aa7d9 0%, #4e8dff 46%, #055c66 100%);
	--ra-radius-small: 6px;
	--ra-radius-medium: 8px;
	--ra-transition-fast: 180ms ease;
}

body {
	background:
		radial-gradient(circle at 20% 0%, rgba(8, 127, 140, 0.16), transparent 32rem),
		linear-gradient(180deg, #0f1115 0%, var(--ra-color-background) 42%);
	color: var(--ra-color-text);
}

a {
	color: var(--ra-color-accent-metallic);
	transition: color var(--ra-transition-fast);
}

a:hover,
a:focus {
	color: var(--ra-color-accent-cyan);
}

button,
input[type="button"],
input[type="submit"],
.wp-block-button__link {
	background: var(--ra-gradient-metallic);
	border: 1px solid rgba(127, 178, 255, 0.4);
	border-radius: var(--ra-radius-medium);
	color: #ffffff;
	box-shadow: 0 10px 30px rgba(8, 127, 140, 0.26);
	transition: transform var(--ra-transition-fast), box-shadow var(--ra-transition-fast);
}

button:hover,
input[type="button"]:hover,
input[type="submit"]:hover,
.wp-block-button__link:hover {
	box-shadow: 0 16px 44px rgba(78, 141, 255, 0.32);
	transform: translateY(-1px);
}

.wp-site-blocks,
.wp-block-group,
.wp-block-post-content {
	background-color: transparent;
}

.wp-block-navigation,
.wp-block-post,
.wp-block-query-pagination,
.wp-block-comments {
	color: var(--ra-color-text);
}

.wp-block-post,
.wp-block-cover,
.wp-block-media-text,
.wp-block-quote {
	border-color: var(--ra-color-border);
}

.wp-block-quote {
	background: var(--ra-color-surface);
	border-left: 4px solid var(--ra-color-accent-cyan);
	border-radius: var(--ra-radius-small);
	box-shadow: var(--ra-shadow-premium);
	padding: 1.25rem 1.5rem;
}

input,
textarea,
select {
	background: var(--ra-color-surface);
	border: 1px solid var(--ra-color-border);
	border-radius: var(--ra-radius-small);
	color: var(--ra-color-text);
}

input:focus,
textarea:focus,
select:focus {
	border-color: var(--ra-color-accent-metallic);
	outline: 2px solid rgba(79, 140, 255, 0.24);
	outline-offset: 2px;
}

::selection {
	background: var(--ra-color-accent-cyan-dark);
	color: #ffffff;
}