/* 
 * ESTURI Glassmorphism & Modern School Theme
 * SMPN 1 Ringinrejo
 */
@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,400&display=swap');

:root {
  --font-main: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  
  /* ESTURI Royal Navy & Gold Palette */
  --navy-deep: #0F172A;
  --navy-card: #1E293B;
  --indigo-primary: #1E40AF;
  --indigo-glow: rgba(30, 64, 175, 0.4);
  --gold-accent: #F59E0B;
  --emerald-accent: #16A34A;
  --rose-danger: #EF4444;
  
  /* Text Tokens */
  --text-heading: #0F172A;
  --text-body: #334155;
  --text-muted: #64748B;
  --text-light: #94A3B8;

  /* Glassmorphism Variables */
  --glass-bg-light: rgba(255, 255, 255, 0.85);
  --glass-bg-hover: rgba(255, 255, 255, 0.96);
  --glass-border: rgba(255, 255, 255, 0.6);
  --glass-shadow: 0 20px 40px -15px rgba(15, 23, 42, 0.08), 0 0 15px 0 rgba(30, 64, 175, 0.04);
  --glass-dark-bg: rgba(15, 23, 42, 0.88);
  --glass-dark-border: rgba(255, 255, 255, 0.12);
  
  /* Gradients */
  --gradient-hero: linear-gradient(135deg, #0F172A 0%, #1E3A8A 45%, #1E40AF 100%);
  --gradient-accent: linear-gradient(135deg, #1E40AF 0%, #3B82F6 100%);
  --gradient-gold: linear-gradient(135deg, #F59E0B 0%, #D97706 100%);
  --gradient-emerald: linear-gradient(135deg, #16A34A 0%, #15803D 100%);
  --gradient-text: linear-gradient(135deg, #1E40AF 0%, #2563EB 50%, #F59E0B 100%);
}

body {
  font-family: var(--font-main);
  color: var(--text-body);
  background-color: #F8FAFC;
  overflow-x: hidden;
}

h1, h2, h3, h4, h5, h6, .fw-bold {
  color: var(--text-heading);
  letter-spacing: -0.02em;
}

.glass-card {
  background: var(--glass-bg-light);
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
  border: 1px solid var(--glass-border);
  box-shadow: var(--glass-shadow);
  border-radius: 1.25rem;
}

.glass-dark-card {
  background: var(--glass-dark-bg);
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
  border: 1px solid var(--glass-dark-border);
  border-radius: 1.25rem;
}