/*
Theme Name: KG Labs
Theme URI: https://kglabs.org
Author: KG Labs
Author URI: https://kglabs.org
Description: The Living Network — WordPress FSE block theme for KG Labs. A brand system where ancient geometry meets modern intelligence. Every node, line, and gradient carries symbolic weight.
Version: 1.0.0
Requires at least: 6.5
Tested up to: 6.7
Requires PHP: 8.1
License: Proprietary
License URI: https://kglabs.org/license
Text Domain: kglabs
Tags: full-site-editing, block-theme, custom-colors, custom-typography, dark-background, glassmorphism
*/

/* ==========================================================================
   KG Labs Brand CSS Custom Properties
   Source: src/styles/kg-brand.css + src/styles/theme.css
   ========================================================================== */

:root {
  /* ------------------------------------------------------------------
     Brand Colors (Kazakh landscape + technological future)
     These mirror the theme.json palette slugs exactly.
     ------------------------------------------------------------------ */
  --kg-deep-alatau-blue:    #004E92; /* Authority, wisdom          */
  --kg-tien-shan-green:     #00C48C; /* Primary — Growth, innovation */
  --kg-neural-violet:       #7B61FF; /* AI, future-facing          */
  --kg-glacial-cyan:        #00E0FF; /* Clarity, precision         */
  --kg-steppe-silver:       #E5E7EB; /* Openness, foundation       */
  --kg-fog-gray:            #1E1E1E; /* Focus, sophistication      */
  --kg-glass-white:         #F9FAFB; /* Light, transparency        */
  --kg-steppe-yellow-green: #F0F9A6; /* Horizon, possibility       */

  /* Extended palette */
  --kg-green-light:   #A8E063;
  --kg-green-mid:     #8BC34A;
  --kg-green-dark:    #00926B;
  --kg-muted:         #ececf0;
  --kg-muted-fg:      #717182;
  --kg-border:        rgba(0, 196, 140, 0.2);

  /* ------------------------------------------------------------------
     Gradients
     ------------------------------------------------------------------ */
  --kg-gradient-horizon: linear-gradient(90deg,  #F0F9A6 0%, #00C48C 100%);
  --kg-gradient-accent:  linear-gradient(135deg, #7B61FF 0%, #004E92 100%);
  --kg-gradient-glass:   linear-gradient(135deg, rgba(123, 97, 255, 0.1) 0%, rgba(0, 224, 255, 0.1) 100%);
  --kg-gradient-steppe:  linear-gradient(180deg, #F0F9A6 0%, #8BC34A 50%, #00C48C 100%);
  --kg-gradient-neural:  linear-gradient(45deg,  #00E0FF 0%, #7B61FF 50%, #004E92 100%);
  --kg-gradient-glacial: linear-gradient(180deg, #00E0FF 0%, #004E92 100%);
  --kg-gradient-badge:   linear-gradient(135deg, #A8E063 0%, #00C48C 50%, #00926B 100%);

  /* ------------------------------------------------------------------
     Glassmorphism Tokens
     backdrop-filter cannot be expressed in theme.json —
     actual rules live in assets/css/kg-custom.css
     ------------------------------------------------------------------ */
  --kg-glass-blur:    40px;
  --kg-glass-opacity: 0.9;
  --kg-glass-bg:      rgba(249, 250, 251, 0.1);
  --kg-glass-bg-dark: rgba(30, 30, 30, 0.8);
  --kg-glass-border:  rgba(255, 255, 255, 0.2);
  --kg-glass-border-dark: rgba(255, 255, 255, 0.1);
  --kg-glass-shadow:  0 8px 32px 0 rgba(31, 38, 135, 0.15);
  --kg-node-glow:     0 0 16px rgba(123, 97, 255, 0.4);

  /* ------------------------------------------------------------------
     Node Spacing (based on emblem geometry — 1:2:4:8 ratio)
     Mirrors theme.json spacingSizes slugs: xs / sm / md / lg / xl
     ------------------------------------------------------------------ */
  --kg-space-xs:  8px;
  --kg-space-sm:  16px;
  --kg-space-md:  32px;
  --kg-space-lg:  64px;
  --kg-space-xl:  96px;

  /* ------------------------------------------------------------------
     Typography
     ------------------------------------------------------------------ */
  --kg-font-heading: 'SF Pro Display', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --kg-font-mono:    'SF Mono', 'Courier New', Courier, monospace;
  --kg-font-system:  -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, sans-serif;
  --kg-font-base:    16px;

  /* ------------------------------------------------------------------
     Border Radius
     ------------------------------------------------------------------ */
  --kg-radius-sm:  8px;
  --kg-radius-md:  12px;
  --kg-radius-lg:  16px;
  --kg-radius-xl:  24px;
  --kg-radius-pill: 9999px;
}