/*
Theme Name: SocialGrok
Theme URI: https://socialgrok.ca
Author: SocialGrok Digital Agency
Author URI: https://socialgrok.ca
Description: Production-ready, lightweight Full Site Editing (FSE) block theme for SocialGrok digital marketing & IT solutions agency. Built with clean semantic HTML, Gutenberg block patterns, and optimized performance.
Version: 1.0.0
Requires at least: 5.9
Tested up to: 6.7
Requires PHP: 7.2
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: socialgrok
Tags: block-patterns, full-site-editing, custom-colors, custom-typography, responsive-layout, portfolio, agency, digital-marketing, services
*/

/* Reset & Base System Styles */
:root {
  --sg-primary: #2563EB;
  --sg-primary-hover: #1D4ED8;
  --sg-dark: #101828;
  --sg-secondary: #475467;
  --sg-light: #F7F9FC;
  --sg-white: #FFFFFF;
  --sg-border: #E4E7EC;
  --sg-accent: #14B8A6;
  --sg-font: 'Plus Jakarta Sans', system-ui, -apple-system, sans-serif;
}

body {
  font-family: var(--sg-font);
  color: var(--sg-dark);
  background-color: var(--sg-light);
  margin: 0;
  padding: 0;
  -webkit-font-smoothing: antialiased;
}

/* Accessibility Focus States */
:focus-visible {
  outline: 2px solid var(--sg-primary);
  outline-offset: 2px;
}