/*
Theme Name: Promo APTIKOM - ACAD CSIRT (Training Promo Theme)
Theme URI: https://learn.acad-csirt.org
Author: Dimas Sugara & Swiss German University Training Center
Author URI: https://learn.acad-csirt.org
Description: A clean, modern light-mode cyber-security promotional showcase theme for ACAD-CSIRT in collaboration with Swiss German University (SGU). Featuring official educational subsidies up to Rp 5.500.000, prominent promotional badges, interactive countdown timer, quota tracker, bundle deals, dynamic pricing strikethroughs, digital coupon voucher, interactive subsidy calculator, and high-contrast typography.
Version: 1.2.0
Tested up to: 6.7
Requires at least: 6.0
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: acad-csirt-promo
Tags: education, light-mode, white-theme, promo, discount, subsidies, custom-post-type, full-width-template, translation-ready, cyber-security
*/

/* Core Theme Base - Light Mode / Clean White Palette */
:root {
  --color-bg-base: #ffffff;
  --color-bg-surface: #fafafa;
  --color-bg-subtle: #f4f4f5;
  --color-bg-card: #ffffff;
  --color-bg-card-active: #ffffff;
  
  --color-border: #e4e4e7;
  --color-border-subtle: #f4f4f5;
  --color-border-hover: #ea580c;
  
  --color-orange-csirt: #ea580c;
  --color-orange-light: #fff7ed;
  --color-orange-border: #fdba74;
  --color-accent: #ea580c;
  --color-cyan-glow: #ea580c;
  --color-cyan-light: #f97316;
  --color-cyan-muted: #ea580c;
  
  --color-text-title: #09090b;
  --color-text-white: #09090b;
  --color-text-light: #18181b;
  --color-text-muted: #52525b;
  --color-text-dim: #71717a;
  
  --font-heading: 'Montserrat', sans-serif;
  --font-body: 'Inter', sans-serif;
  --font-mono: 'JetBrains Mono', monospace;
  
  --radius-sm: 8px;
  --radius-md: 14px;
  --radius-lg: 20px;
  --radius-pill: 9999px;
  
  --shadow-subtle: 0 4px 20px rgba(0, 0, 0, 0.05);
  --shadow-card: 0 4px 16px rgba(0, 0, 0, 0.06);
  --shadow-elevated: 0 12px 30px rgba(234, 88, 12, 0.14), 0 4px 12px rgba(0, 0, 0, 0.05);
  --shadow-orange-glow: 0 8px 24px rgba(234, 88, 12, 0.18);
  
  --transition-smooth: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);
  --transition-fast: all 0.2s ease;
}

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

html {
  font-size: 16px;
  scroll-behavior: smooth;
  background-color: var(--color-bg-base);
  color: var(--color-text-light);
  font-family: var(--font-body);
  -webkit-font-smoothing: antialiased;
}

body {
  background-color: var(--color-bg-base);
  color: var(--color-text-light);
  overflow-x: hidden;
  min-height: 100vh;
  line-height: 1.6;
}

img {
  max-width: 100%;
  height: auto;
  display: block;
}

a {
  color: inherit;
  text-decoration: none;
  transition: var(--transition-fast);
}

button {
  font-family: inherit;
  cursor: pointer;
  border: none;
  background: none;
}