/*
Theme Name: Arkhash Light Child
Theme URI: https://arkhash.com
Description: Light, Apple.com-inspired child theme for Arkhash — deterministic AI agent platform for individuals and enterprises. Built on Twenty Twenty-Five.
Author: Arkhash
Author URI: https://arkhash.com
Template: twentytwentyfive
Version: 1.0.0
Text Domain: arkhash-light-child
*/

/* ==========================================================================
   1. DESIGN SYSTEM — CSS CUSTOM PROPERTIES
   Light theme, Apple.com-inspired: generous whitespace, soft grays,
   Apple Blue accents, large rounded corners, restrained motion.
   ========================================================================== */
:root {
	/* Core palette */
	--ark-bg: #FFFFFF;              /* Pure white canvas */
	--ark-bg-secondary: #F5F5F7;    /* Apple's signature light-gray section bg */
	--ark-bg-tertiary: #FBFBFD;     /* Subtle off-white for alternating sections */
	--ark-text: #1D1D1F;            /* Apple near-black */
	--ark-text-secondary: #6E6E73;  /* Apple secondary gray */
	--ark-text-faint: #86868B;      /* Tertiary / meta text */

	/* Accent */
	--ark-blue: #0071E3;            /* Apple Blue — primary CTA */
	--ark-blue-hover: #0077ED;
	--ark-blue-deep: #0058B3;
	--ark-accent-soft: rgba(0, 113, 227, 0.08);

	/* Derived */
	--ark-gradient: linear-gradient(135deg, #0071E3 0%, #42A5F5 100%);
	--ark-border: rgba(0, 0, 0, 0.08);
	--ark-border-strong: rgba(0, 0, 0, 0.14);
	--ark-glass-bg: rgba(255, 255, 255, 0.72);
	--ark-glass-border: rgba(255, 255, 255, 0.5);
	--ark-shadow-sm: 0 2px 10px rgba(0, 0, 0, 0.04);
	--ark-shadow-card: 0 8px 30px rgba(0, 0, 0, 0.06);
	--ark-shadow-hover: 0 16px 40px rgba(0, 0, 0, 0.10);
	--ark-shadow-glow: 0 8px 24px rgba(0, 113, 227, 0.28);

	/* Layout */
	--ark-radius-sm: 12px;
	--ark-radius: 20px;
	--ark-radius-lg: 28px;
	--ark-radius-pill: 980px;       /* Apple's signature pill buttons */
	--ark-container: 1200px;
	--ark-font-body: -apple-system, BlinkMacSystemFont, 'SF Pro Display', 'SF Pro Text', 'Inter', 'Segoe UI', sans-serif;
	--ark-font-mono: 'SF Mono', 'JetBrains Mono', 'Fira Code', Consolas, monospace;
}

/* ==========================================================================
   2. BASE OVERRIDES — LIGHT THEME DEFAULT
   ========================================================================== */
body {
	background-color: var(--ark-bg);
	color: var(--ark-text);
	font-family: var(--ark-font-body);
	-webkit-font-smoothing: antialiased;
}

a {
	color: var(--ark-blue);
	transition: color 0.2s ease;
	text-decoration: none;
}

a:hover {
	color: var(--ark-blue-deep);
}

h1, h2, h3, h4, h5, h6 {
	color: var(--ark-text);
	font-weight: 600;
	letter-spacing: -0.03em;
}

p {
	color: var(--ark-text-secondary);
	line-height: 1.6;
}

::selection {
	background: var(--ark-blue);
	color: #fff;
}

/* Translucent, blurred site header — Apple nav bar treatment */
.wp-block-template-part.site-header,
header.wp-block-group,
.site-header {
	background-color: var(--ark-glass-bg) !important;
	backdrop-filter: saturate(180%) blur(20px);
	-webkit-backdrop-filter: saturate(180%) blur(20px);
	border-bottom: 1px solid var(--ark-border);
}

/* Selection & focus states */
input:focus,
textarea:focus,
select:focus {
	outline: none;
	border-color: var(--ark-blue) !important;
	box-shadow: 0 0 0 4px var(--ark-accent-soft);
}

/* Scrollbar (WebKit) */
::-webkit-scrollbar {
	width: 10px;
}
::-webkit-scrollbar-track {
	background: var(--ark-bg-secondary);
}
::-webkit-scrollbar-thumb {
	background: #C7C7CC;
	border-radius: 10px;
}
::-webkit-scrollbar-thumb:hover {
	background: var(--ark-text-faint);
}