/* ====================================================
   Brand tokens (aligned with next_portal/brand.css)
   Copyright (c) 2026 IoT Secure
   ==================================================== */

:root {
	/* Brand */
	--brand-bg: #00183a;
	--brand-accent-1: #0b3f7a;
	--brand-accent-2: #2563eb;
	--brand-accent-3: #e0f2fe;
	--brand-tint-bg: rgba(14, 68, 117, 0.1);
	--brand-tint-border: rgba(14, 68, 117, 0.22);

	/* Background gradients (portal sidebar / header) */
	--cLight: #0e4475;
	--cMid: #072d54;
	--cDark: #00183a;

	/* Buttons */
	--btn-bg: #1e63e9;
	--btn-bg-hover: #1247a3;
	--btn-bg-begin: #1f78b4;
	--btn-bg-end: #0d9488;
	--btn-ink: #ffffff;
	--btn-outline: #334155;

	/* Navigation */
	--nav-accent: #7cff66;
	--nav-accent-int: #67e8ff;
	--nav-header: #4fd18b;
	--nav-hover: #1a4a7a;
	--nav-divider: #5f6f88;
	--nav-ink: #ffffff;
	--nav-ink-muted: #afc4da;

	/* Shared with portal stylesheet */
	--ink-invert: #ffffff;

	/* Marketing header shorthand */
	--iot-header-gradient: linear-gradient(180deg, var(--cLight) 0%, var(--cMid) 60%, var(--cDark) 100%);
}