/*
Theme Name: Brands & Clicks
Theme URI: https://brandsandclicks.com
Author: Brands & Clicks Studio
Author URI: https://brandsandclicks.com
Description: A super elegant, professional WordPress theme for digital marketing agencies. Fully editable via wp-admin (Customizer, Menus, Widgets, Custom Post Types for Services, Portfolio & Testimonials) with a built-in blog and portfolio system. Blue / white / black palette with a signature animated "click" motif.
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: brandsclicks
Tags: blog, portfolio, custom-menu, custom-logo, featured-images, translation-ready
*/

/* ==========================================================
   DESIGN TOKENS
   ========================================================== */
:root{
	--navy:        #0A1832;   /* primary dark / near-black-blue */
	--navy-2:      #0F2247;   /* secondary dark, gradients */
	--blue:        #2F6FED;   /* primary accent - "the click" */
	--blue-light:  #6E9BFF;
	--sky:         #4FD8E8;   /* secondary animated accent */
	--white:       #FFFFFF;
	--off-white:   #F5F8FC;
	--ink:         #0B0F19;   /* body text */
	--muted:       #5B667A;   /* secondary text */
	--line:        #E4E9F2;   /* hairline borders */

	--font-display: "Sora", "Segoe UI", sans-serif;
	--font-body:    "Plus Jakarta Sans", "Segoe UI", sans-serif;

	--radius-sm: 10px;
	--radius-md: 18px;
	--radius-lg: 28px;
	--shadow-soft: 0 20px 60px -20px rgba(10,24,50,0.25);
	--shadow-card: 0 10px 30px -12px rgba(10,24,50,0.18);
	--container: 1180px;
}

/* ==========================================================
   RESET
   ========================================================== */
*, *::before, *::after{ box-sizing: border-box; }
html{ scroll-behavior: smooth; }
body{
	margin:0;
	font-family: var(--font-body);
	color: var(--ink);
	background: var(--white);
	-webkit-font-smoothing: antialiased;
	line-height: 1.65;
}
img{ max-width:100%; height:auto; display:block; }
a{ color: inherit; text-decoration:none; }
ul{ margin:0; padding:0; list-style:none; }
h1,h2,h3,h4,h5{ font-family: var(--font-display); margin:0 0 .5em; line-height:1.15; color:var(--navy); }
p{ margin:0 0 1em; }
button, input, textarea{ font-family: inherit; }

@media (prefers-reduced-motion: reduce){
	*{ animation-duration: 0.001ms !important; animation-iteration-count: 1 !important; transition-duration: 0.001ms !important; scroll-behavior:auto !important; }
}