/*
Theme Name:   Unfumbled
Theme URI:    https://unfumbled.com
Description:  Unfumbled marketing site: a GeneratePress child theme with the app's brand
              (dark slate, navy surfaces, turf green, Barlow Condensed + Inter). Page
              layouts are built with GenerateBlocks.
Author:       Unfumbled
Template:     generatepress
Version:      1.0.1
Text Domain:  unfumbled
*/

/* Brand colors (same as the app's src/constants/theme.ts), mapped onto GeneratePress's
   global color variables so the Customizer and blocks pick them up. */
:root {
	--contrast: #f8fafc;   /* Chalk White: text */
	--contrast-2: #a8b3c4; /* secondary text */
	--contrast-3: #64748b; /* faint text, borders */
	--base: #161f30;       /* Tactical Navy: cards and surfaces */
	--base-2: #0b0f17;     /* Obsidian Slate: page background */
	--base-3: #0b0f17;     /* header and footer */
	--accent: #22c55e;     /* Turf Neon Green */
	--accent-2: #3b82f6;   /* Vector Blue */
	--logo-green: #7fe26f; /* the logo's lighter green */
	--line: #263247;       /* card borders */
	--glow: 0 0 7px rgba(34, 197, 94, 0.7), 0 0 14px rgba(34, 197, 94, 0.4);
	--display: "Barlow Condensed", "Arial Narrow", sans-serif;
	--body: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;
}

body {
	background-color: var(--base-2);
	background-image: linear-gradient(rgba(11, 15, 23, 0.86), rgba(11, 15, 23, 0.86)), url("assets/background.jpg");
	background-size: cover;
	background-attachment: fixed;
	color: var(--contrast);
	font-family: var(--body);
	font-size: 17px;
	line-height: 1.6;
}

h1, h2, h3, h4, h5, h6 {
	font-family: var(--display);
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.01em;
	line-height: 1.05;
	color: var(--contrast);
}

a { color: var(--accent); }
a:hover, a:focus { color: var(--logo-green); }

/* Header and menu. */
.site-header, .main-navigation, .main-navigation ul ul { background-color: rgba(11, 15, 23, 0.92); }
.site-header { border-bottom: 1px solid var(--line); }
.main-navigation .main-nav ul li a {
	color: var(--contrast-2);
	font-family: var(--display);
	font-weight: 600;
	font-size: 17px;
	text-transform: uppercase;
	letter-spacing: 0.04em;
}
.main-navigation .main-nav ul li:hover > a,
.main-navigation .main-nav ul li.current-menu-item > a { color: var(--accent); background: transparent; }
.main-navigation .menu-toggle, .main-navigation .mobile-bar-items a { color: var(--contrast); }
.site-logo img, .site-header .header-image { max-height: 52px; width: auto; }
/* "Get early access" button at the end of the menu (menu item CSS class: menu-cta). */
.main-navigation .main-nav ul li.menu-cta > a {
	color: #0b0f17;
	background: var(--accent);
	border-radius: 12px;
	margin-left: 10px;
	line-height: 42px;
	padding: 0 18px;
	box-shadow: var(--glow);
}
.main-navigation .main-nav ul li.menu-cta > a:hover { color: #0b0f17; background: var(--logo-green); }

/* Pages are built edge to edge with GenerateBlocks; sections set their own widths. */
.separate-containers .inside-article, .one-container .site-content,
.separate-containers .site-main, .one-container .container { background: transparent; }
.page .inside-article { padding: 0; }
.page .site-content, .page .site-main { margin: 0; padding: 0; }

/* Footer. */
.site-info { background: var(--base-3); color: var(--contrast-3); border-top: 1px solid var(--line); font-size: 14px; }
.site-info a { color: var(--contrast-2); }

/* Shared helpers for the GenerateBlocks layouts. */
.uf-glow { box-shadow: var(--glow); }
.uf-eyebrow { font-family: var(--display); letter-spacing: 0.12em; text-transform: uppercase; }
::selection { background: var(--accent); color: #0b0f17; }

/* Check-mark lists used in the page sections (List block, class uf-checks). */
.uf-checks { list-style: none; margin: 0 0 8px; padding: 0; }
.uf-checks li { position: relative; padding-left: 30px; margin-bottom: 10px; color: var(--contrast-2); }
.uf-checks li::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0.32em;
	width: 18px;
	height: 18px;
	border-radius: 50%;
	background: var(--accent) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M9 16.2 4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4z' fill='%230b0f17'/%3E%3C/svg%3E") center / 13px no-repeat;
}
.uf-checks li strong { color: var(--contrast); }

/* Legal and long-form pages (classic paragraphs and lists inside a GenerateBlocks section). */
.uf-prose h2 { font-size: 28px; margin: 40px 0 12px; }
.uf-prose h3 { font-size: 21px; margin: 28px 0 8px; }
.uf-prose p, .uf-prose li { color: var(--contrast-2); }
.uf-prose strong { color: var(--contrast); }
.uf-prose ul { margin-left: 1.2em; }