/*
Theme Name:  Kryptillo.az — Cybersecurity Academy
Theme URI:   https://kryptillo.az
Author:      Kryptillo Team
Author URI:  https://kryptillo.az
Description: Premium bilingual (Azerbaijani/English) cybersecurity learning platform WordPress theme. Features include course management, lesson tracking, live threat intel feed, AI-powered topic generation, multilingual support (AZ/EN), user/author roles, admin dashboard, Google OAuth integration, and premium content gating.
Version:     1.0.0
Requires at least: 6.0
Requires PHP: 8.0
License:     GPL-2.0-or-later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: kryptillo
Domain Path: /languages
Tags:        cybersecurity, learning, lms, bilingual, dark, premium, education, courses
*/

/* ============================================================
   KRYPTILLO.AZ — MASTER STYLESHEET
   All component styles are loaded via assets/css/main.css
   This file intentionally contains the theme declaration above
   and base CSS custom properties only.
   ============================================================ */

:root {
    --krp-bg:        #070a0e;
    --krp-bg2:       #0d1117;
    --krp-bg3:       #161c26;
    --krp-bg4:       #1e2736;
    --krp-bg5:       #232d3f;
    --krp-accent:    #00e5b0;
    --krp-accent2:   #0077ff;
    --krp-red:       #ff3355;
    --krp-amber:     #ffaa00;
    --krp-purple:    #a855f7;
    --krp-border:    #1e2d40;
    --krp-text:      #dde6f0;
    --krp-muted:     #5a7080;
    --krp-mono:      'Space Mono', monospace;
    --krp-sans:      'DM Sans', sans-serif;
    --krp-radius:    10px;
    --krp-radius-lg: 16px;
    --krp-shadow:    0 4px 24px rgba(0,0,0,.45);
}

*, *::before, *::after {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

html { scroll-behavior: smooth; font-size: 16px; }

body {
    background: var(--krp-bg);
    color: var(--krp-text);
    font-family: var(--krp-sans);
    line-height: 1.7;
    min-height: 100vh;
    overflow-x: hidden;
}

a { color: var(--krp-accent); text-decoration: none; transition: opacity .2s; }
a:hover { opacity: .85; }
img { max-width: 100%; height: auto; display: block; }
ul, ol { list-style: none; }
button, input, select, textarea { font-family: inherit; }
::-webkit-scrollbar { width: 5px; height: 5px; }
::-webkit-scrollbar-track { background: var(--krp-bg); }
::-webkit-scrollbar-thumb { background: var(--krp-bg4); border-radius: 3px; }