/*
Theme Name: 99qoute
Theme URI: https://99qoute.com.ng
Author: 99qoute Editorial & Tech Architecture Team
Author URI: https://99qoute.com.ng/about
Description: A high-performance, editorial WordPress block theme for global immigration intelligence, international education, skilled relocation pathways, and transparent advisory services. Built with native Full Site Editing (FSE) block architecture and inspired by clean European editorial design principles.
Version: 1.0.0
Requires at least: 6.2
Tested up to: 6.7
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: 99qoute
Tags: block-theme, full-site-editing, one-column, two-columns, custom-colors, custom-menu, editorial, news, grid-layout, accessibility-ready
*/

/* 
 * 99qoute Design System & Reset
 * Additional scoped styles for non-block edge cases and interactive enhancements
 */

:root {
  --nq-navy: #14263D;
  --nq-navy-dark: #0D1B2A;
  --nq-blue: #2457A7;
  --nq-blue-hover: #1A407B;
  --nq-accent: #0D6EFD;
  --nq-white: #FFFFFF;
  --nq-soft-bg: #F8FAFC;
  --nq-surface: #FFFFFF;
  --nq-text: #202938;
  --nq-text-secondary: #5C6675;
  --nq-text-muted: #8896A6;
  --nq-border: #DDE3EA;
  --nq-border-subtle: #EDF2F7;
  --nq-success: #176B45;
  --nq-success-bg: #E8F5E9;
  --nq-warning: #8A5700;
  --nq-warning-bg: #FFF8E1;
  --nq-gold: #B45309;
  --nq-danger: #B91C1C;
  --nq-danger-bg: #FEE2E2;
  --nq-info: #0284C7;
  --nq-info-bg: #E0F2FE;
  
  --nq-radius-sm: 4px;
  --nq-radius-md: 8px;
  --nq-radius-lg: 12px;
  --nq-radius-xl: 16px;
  --nq-radius-full: 9999px;

  --nq-shadow-sm: 0 1px 2px 0 rgba(16, 24, 40, 0.05);
  --nq-shadow-md: 0 4px 8px -2px rgba(16, 24, 40, 0.08), 0 2px 4px -2px rgba(16, 24, 40, 0.04);
  --nq-shadow-lg: 0 12px 24px -4px rgba(16, 24, 40, 0.08), 0 4px 6px -2px rgba(16, 24, 40, 0.03);
  --nq-shadow-card: 0 2px 12px rgba(20, 38, 61, 0.06);

  --nq-font-sans: -apple-system, BlinkMacSystemFont, "Plus Jakarta Sans", "Inter", "Segoe UI", Roboto, sans-serif;
  --nq-font-serif: "Newsreader", "Georgia", "Times New Roman", serif;
  --nq-font-mono: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, Courier, monospace;

  --nq-transition-fast: 150ms cubic-bezier(0.4, 0, 0.2, 1);
  --nq-transition-base: 250ms cubic-bezier(0.4, 0, 0.2, 1);
}

/* Dark Mode Tokens (User or OS Preference) */
[data-theme="dark"],
.dark-theme {
  --nq-navy: #F8FAFC;
  --nq-navy-dark: #FFFFFF;
  --nq-blue: #60A5FA;
  --nq-blue-hover: #93C5FD;
  --nq-accent: #3B82F6;
  --nq-white: #0F172A;
  --nq-soft-bg: #1E293B;
  --nq-surface: #1E293B;
  --nq-text: #F1F5F9;
  --nq-text-secondary: #94A3B8;
  --nq-text-muted: #64748B;
  --nq-border: #334155;
  --nq-border-subtle: #1E293B;
  --nq-gold: #FBBF24;
  --nq-shadow-card: 0 4px 20px rgba(0, 0, 0, 0.35);
}

/* Global Reset & Box Sizing */
*, *::before, *::after {
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  overflow-x: hidden;
  max-width: 100%;
}

body {
  margin: 0;
  font-family: var(--nq-font-sans);
  color: var(--nq-text);
  background-color: var(--nq-white);
  line-height: 1.65;
  overflow-x: hidden;
  max-width: 100%;
  width: 100%;
}

/* Accessible focus outlines */
:focus-visible {
  outline: 3px solid var(--nq-accent);
  outline-offset: 2px;
}

/* Editorial line length constraint for long-form reading */
.nq-editorial-content {
  min-width: 0;
  max-width: 780px;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

.nq-editorial-content p {
  margin-bottom: 1.5rem;
  font-size: 1.0625rem;
  line-height: 1.75;
}

/* Responsive Media Styling */
img, svg, video, iframe, canvas, embed, object {
  max-width: 100%;
  height: auto;
  display: block;
}

/* iOS Safari Automatic Zoom Fix (prevents zoom when tapping form inputs) */
@media (max-width: 768px) {
  input, select, textarea {
    font-size: 16px !important;
  }
}