/*
Theme Name: Ravneet Portfolio Theme
Theme URI: https://ravneet.in/
Author: Agency OS Creative Engineering
Author URI: https://ravneet.in/
Description: High-end bespoke experiential portfolio theme for Ravneet Singh Kalra. Level 2 Interactive architecture with GSAP micro-interactions, responsive 3-column service grid, 2x2 case study matrix, dark navy design tokens, and fluid typography.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.9
Requires PHP: 8.0
License: Proprietary / Agency OS
Text Domain: ravneet-theme
Tags: portfolio, dark-mode, responsive, interactive, custom-colors, full-site-editing
*/

/* Baseline Reset & Viewport Constraints */
*, *::before, *::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

html {
  font-family: var(--font-body, system-ui, -apple-system, sans-serif);
  background-color: var(--color-bg-base, #0b0f17);
  color: var(--color-text-primary, #ffffff);
  scroll-behavior: smooth;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  overflow-x: hidden;
}

body {
  min-height: 100vh;
  background-color: var(--color-bg-base, #0b0f17);
  color: var(--color-text-secondary, #cbd5e1);
  line-height: 1.65;
  overflow-x: hidden;
}

img, picture, video, canvas, svg {
  display: block;
  max-width: 100%;
}

a {
  color: inherit;
  text-decoration: none;
}