/*
Theme Name: Options Calculators
Theme URI: https://optionscalcs.com/
Author: Buyergain
Author URI: https://buyergain.com/
Description: A premium, broker-style dark block theme (FSE) for Options Calculators — a worldwide suite of stock-option calculators for long and short positions. Royal-blue brand with electric-green actions and red/green gain-loss data semantics, self-hosted Space Grotesk + IBM Plex type, and a disciplined token system. Built for individual and professional investors. Standalone theme, no page-builder lock-in.
Tags: full-site-editing, block-patterns, blog, custom-colors, custom-logo, custom-menu, editor-style, featured-images, threaded-comments, translation-ready, wide-blocks, sticky-post, finance, dark-mode
Version: 1.1.1
Requires at least: 6.5
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: optionscalculators
*/

/* ============================================================
   Foundations — things theme.json can't express cleanly.
   The full design system lives in theme.json; component
   styling lives in assets/css/theme.css.
   ============================================================ */

:root {
	scroll-behavior: smooth;
	--oc-header-h: 76px;
	--oc-ease: cubic-bezier(0.22, 1, 0.36, 1);
}

html {
	-webkit-text-size-adjust: 100%;
	text-size-adjust: 100%;
}

body {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	text-rendering: optimizeLegibility;
	font-feature-settings: "kern", "liga", "calt";
	overflow-x: clip;
}

/* Tabular figures wherever the data font is used */
.has-mono-font-family,
table,
.wp-block-table,
code,
pre {
	font-variant-numeric: tabular-nums;
	font-feature-settings: "tnum", "kern";
}

/* Selection + caret in brand colours */
::selection {
	background: #21D86A;
	color: #04140A;
}

/* Anchor offset so sticky header never hides section tops */
:where(h1, h2, h3, [id]):target {
	scroll-margin-top: calc(var(--oc-header-h) + 1.5rem);
}

/* Visible, premium focus ring for keyboard users (WCAG 2.2) */
:where(a, button, input, select, textarea, summary, .wp-block-button__link, [tabindex]):focus-visible {
	outline: 3px solid #3DE57F;
	outline-offset: 2px;
	border-radius: 6px;
}

/* Custom scrollbar (subtle, on-brand) */
@supports (scrollbar-color: auto) {
	html { scrollbar-color: #2C3E61 #070B16; scrollbar-width: thin; }
}
::-webkit-scrollbar { width: 11px; height: 11px; }
::-webkit-scrollbar-track { background: #070B16; }
::-webkit-scrollbar-thumb { background: #233252; border-radius: 999px; border: 2px solid #070B16; }
::-webkit-scrollbar-thumb:hover { background: #2C3E61; }

/* Images never overflow, always carry their ratio */
img, svg, video { max-width: 100%; height: auto; }

/* Respect reduced motion globally */
@media (prefers-reduced-motion: reduce) {
	:root { scroll-behavior: auto; }
	*, *::before, *::after {
		animation-duration: 0.001ms !important;
		animation-iteration-count: 1 !important;
		transition-duration: 0.001ms !important;
		scroll-behavior: auto !important;
	}
}