/*
Theme Name:       SAGS — South African Gravity Society
Theme URI:        https://sagravity.co.za
Author:           SAGS
Author URI:       https://sagravity.co.za
Description:      Custom block theme for the South African Gravity Society. Deep-space aesthetic — near-black backgrounds, electric blue accents, scientific typography. Built on WordPress block themes (FSE) and intended as a standalone theme (does not require a parent). Tested with WP 6.9+.
Version:          0.3.0
Requires at least: 6.4
Tested up to:     6.9
Requires PHP:     7.4
License:          GPL-2.0-or-later
License URI:      https://www.gnu.org/licenses/gpl-2.0.html
Text Domain:      sagravity
Tags:             one-column, custom-colors, custom-menu, editor-style, full-site-editing, block-patterns, block-styles, wide-blocks, accessibility-ready
*/

/* ==========================================================================
   SAGS theme — root styles
   The bulk of styling lives in theme.json (block editor tokens) and
   assets/css/main.css (loaded via functions.php). This file exists
   primarily to satisfy WP's theme header requirement and to ship
   absolute baselines that must apply before any other CSS.
   ========================================================================== */

:root {
  /* These mirror theme.json so non-block-editor contexts (like login pages or
     preview iframes) still get the right colors. Source of truth = theme.json. */
  --sags-void:          #050714;
  --sags-deep:          #0A0E24;
  --sags-surface:       #11173A;
  --sags-text:          #E8EAF5;
  --sags-text-muted:    #8B92B5;
  --sags-violet:        #7B5CFF;
  --sags-accent:        #7B5CFF;
  --sags-blue:          #4A8EFF;
  --sags-warm:          #FFB85C;
  --sags-border:        #1C2147;
}

html { background: var(--sags-void); }
body { color: var(--sags-text); }

/* Selection */
::selection { background: var(--sags-accent); color: var(--sags-void); }

/* Scrollbar — subtle, on-brand */
* { scrollbar-width: thin; scrollbar-color: var(--sags-surface) transparent; }
*::-webkit-scrollbar { width: 10px; height: 10px; }
*::-webkit-scrollbar-track { background: transparent; }
*::-webkit-scrollbar-thumb {
  background: var(--sags-surface);
  border-radius: 10px;
  border: 2px solid var(--sags-void);
}
*::-webkit-scrollbar-thumb:hover { background: var(--sags-accent); }