/*
 Theme Name: QMIA ICT/TECH Learning System
 Theme URI: https://example.com/qmia-lms-theme
 Author: QMIA
 Author URI: https://example.com
 Description: QMIA ICT/TECH Learning System - A comprehensive LMS for Web Development, Python, UI/UX, Graphics Design, Data Analysis, and Cyber Security.
 Version: 1.1.0
 License: GPL-2.0-or-later
 License URI: https://www.gnu.org/licenses/old-licenses/gpl-2.0.en.html
 Text Domain: qmia-lms-theme
 Tags: education, lms, responsive, minimal
*/

/* 
  Global theme styles are intentionally minimal; detailed styles live in assets/css/theme.css.
  This file exists primarily to provide the WordPress theme header and base CSS hook.
*/

/* Basic resets for consistent rendering */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

/* Box sizing for predictable layout */
*, *::before, *::after {
  box-sizing: border-box;
}

/* Root variables for easy theming - Blue & White Theme */
:root {
  /* Primary Blue Palette */
  --qmia-primary: #2563eb;
  --qmia-primary-light: #3b82f6;
  --qmia-primary-dark: #1d4ed8;
  --qmia-primary-gradient: linear-gradient(135deg, #2563eb 0%, #1d4ed8 50%, #1e40af 100%);
  
  /* Background Colors */
  --qmia-bg: #f8fafc;
  --qmia-bg-alt: #ffffff;
  --qmia-surface: rgba(255, 255, 255, 0.95);
  
  /* Text Colors */
  --qmia-text: #0f172a;
  --qmia-text-secondary: #475569;
  --qmia-muted: #64748b;
  
  /* Border & Effects */
  --qmia-border: rgba(37, 99, 235, 0.15);
  --qmia-shadow: 0 4px 6px -1px rgba(37, 99, 235, 0.1), 0 2px 4px -2px rgba(37, 99, 235, 0.1);
  --qmia-shadow-lg: 0 20px 25px -5px rgba(37, 99, 235, 0.15), 0 8px 10px -6px rgba(37, 99, 235, 0.1);
  --qmia-glow: 0 0 20px rgba(37, 99, 235, 0.3);
  
  /* Status Colors */
  --qmia-success: #10b981;
  --qmia-warning: #f59e0b;
  --qmia-danger: #ef4444;
  
  /* Glass Effect */
  --qmia-glass: rgba(255, 255, 255, 0.7);
  --qmia-glass-border: rgba(255, 255, 255, 0.3);
  
  /* Animation */
  --qmia-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

body {
  background: var(--qmia-bg);
  color: var(--qmia-text);
  font-family: 'Inter', system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  line-height: 1.6;
  min-height: 100vh;
  position: relative;
  overflow-x: hidden;
}

/* Animated Background */
body::before {
  content: '';
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: 
    radial-gradient(ellipse at 20% 20%, rgba(37, 99, 235, 0.08) 0%, transparent 50%),
    radial-gradient(ellipse at 80% 80%, rgba(59, 130, 246, 0.06) 0%, transparent 50%),
    radial-gradient(ellipse at 50% 50%, rgba(147, 197, 253, 0.05) 0%, transparent 70%);
  z-index: -2;
  animation: bgFloat 20s ease-in-out infinite;
}

body::after {
  content: '';
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: 
    radial-gradient(circle at 25% 25%, rgba(37, 99, 235, 0.03) 2px, transparent 2px),
    radial-gradient(circle at 75% 75%, rgba(59, 130, 246, 0.03) 2px, transparent 2px);
  background-size: 100px 100px;
  z-index: -1;
  animation: dotsMove 30s linear infinite;
}

@keyframes bgFloat {
  0%, 100% { transform: translate(0, 0) scale(1); }
  25% { transform: translate(2%, -2%) scale(1.02); }
  50% { transform: translate(-1%, 1%) scale(1); }
  75% { transform: translate(-2%, -1%) scale(1.01); }
}

@keyframes dotsMove {
  0% { transform: translate(0, 0); }
  100% { transform: translate(100px, 100px); }
}

/* Minimal container to provide safe readable width */
.qmia-container {
  width: 100%;
  max-width: 1100px;
  margin: 0 auto;
  padding: 1rem;
}

/* Link styling */
a {
  color: var(--qmia-primary);
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
}

/* Utility spacing */
.qmia-space-y > * + * {
  margin-top: 1rem;
}