/*
Theme Name: Boreas
Theme URI: https://boreasetfs.com
Description: Custom theme for Boreas ETFs. Minimal fund product view (header, growth chart, returns + holdings tables) backed by the pipeline database via the Boreas Data plugin.
Author: Double Wolf Consulting
Version: 0.1.0
Requires at least: 6.0
Requires PHP: 8.1
Text Domain: boreas
*/

:root {
	--boreas-ink: #10243e;
	--boreas-muted: #5b6b7c;
	--boreas-line: #e2e8f0;
	--boreas-accent: #1b6ec2;
	--boreas-bench: #b0451f;
	--boreas-pos: #187a3e;
	--boreas-neg: #b3261e;
	--boreas-bg: #f7f9fc;
}

* { box-sizing: border-box; }

body.boreas {
	margin: 0;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
	color: var(--boreas-ink);
	background: var(--boreas-bg);
	line-height: 1.5;
}

.boreas-wrap { max-width: 960px; margin: 0 auto; padding: 24px 20px 64px; }

.boreas-selector { margin-bottom: 20px; }
.boreas-selector label { font-weight: 600; margin-right: 8px; }
.boreas-selector select {
	padding: 8px 12px; font-size: 15px; border: 1px solid var(--boreas-line);
	border-radius: 6px; background: #fff; min-width: 320px;
}

.boreas-header { border-bottom: 1px solid var(--boreas-line); padding-bottom: 16px; margin-bottom: 24px; }
.boreas-header h1 { font-size: 26px; margin: 0 0 4px; }
.boreas-header .boreas-sub { color: var(--boreas-muted); font-size: 14px; }

.boreas-figures { display: flex; flex-wrap: wrap; gap: 32px; margin-top: 18px; }
.boreas-figure .label { font-size: 12px; text-transform: uppercase; letter-spacing: .04em; color: var(--boreas-muted); }
.boreas-figure .value { font-size: 22px; font-weight: 600; }
.boreas-figure .value.pos { color: var(--boreas-pos); }
.boreas-figure .value.neg { color: var(--boreas-neg); }

.boreas-section { margin-top: 36px; }
.boreas-section h2 { font-size: 18px; margin: 0 0 12px; }

.boreas-table { width: 100%; border-collapse: collapse; background: #fff; border: 1px solid var(--boreas-line); border-radius: 8px; overflow: hidden; }
.boreas-table th, .boreas-table td { padding: 10px 14px; text-align: left; border-bottom: 1px solid var(--boreas-line); font-size: 14px; }
.boreas-table th { background: #eef2f7; font-weight: 600; }
.boreas-table td.num, .boreas-table th.num { text-align: right; font-variant-numeric: tabular-nums; }
.boreas-table tr:last-child td { border-bottom: none; }

.boreas-keyfacts td:first-child { color: var(--boreas-muted); width: 40%; }

#boreas-chart { width: 100%; height: 380px; background: #fff; border: 1px solid var(--boreas-line); border-radius: 8px; }
.boreas-chart-legend { margin-top: 8px; font-size: 13px; color: var(--boreas-muted); }
.boreas-chart-legend .swatch { display: inline-block; width: 12px; height: 12px; border-radius: 2px; vertical-align: middle; margin-right: 6px; }
.boreas-chart-legend .nav-swatch { background: var(--boreas-accent); }
.boreas-chart-legend .bench-swatch { background: var(--boreas-bench); }

.boreas-empty { color: var(--boreas-muted); font-style: italic; padding: 12px 0; }
.boreas-disclaimer { margin-top: 40px; font-size: 12px; color: var(--boreas-muted); border-top: 1px solid var(--boreas-line); padding-top: 16px; }