/* =============================================================================
 * DESIGN TOKENS & TEMA RESMI - SISTEM KELULUSAN GEN-2 MODULAR
 * SMK PRATIWI PRABUMULIH
 * FILE: kelulusan/css/tokens.css
 * ============================================================================= */

:root {
  /* Brand & Accent Colors */
  --pratiwi-primary: #0284c7;
  --pratiwi-primary-dark: #0369a1;
  --pratiwi-primary-light: #e0f2fe;
  --pratiwi-primary-rgb: 2, 132, 199;

  --pratiwi-accent: #10b981;
  --pratiwi-accent-dark: #059669;
  --pratiwi-accent-rgb: 16, 185, 129;

  --pratiwi-warning: #f59e0b;
  --pratiwi-danger: #ef4444;
  --pratiwi-danger-dark: #b91c1c;

  /* Dark Theme Palette (Admin & Portal Canvas) */
  --pratiwi-dark-bg: #090e1a;
  --pratiwi-dark-surface: #111e33;
  --pratiwi-dark-card: #152238;
  --pratiwi-dark-border: #1e3a5f;
  --pratiwi-dark-input: #0b1329;

  /* Neutral & Text Colors */
  --pratiwi-text-main: #f1f5f9;
  --pratiwi-text-muted: #94a3b8;
  --pratiwi-text-dark: #0f172a;
  --pratiwi-text-body: #334155;

  /* Gradients */
  --pratiwi-portal-bg: radial-gradient(circle at 50% 10%, #1e293b 0%, #0f172a 100%);
  --pratiwi-admin-bg: radial-gradient(circle at 15% 15%, #13223f 0%, #090e1a 100%);
  --pratiwi-gradient-primary: linear-gradient(135deg, var(--pratiwi-primary) 0%, var(--pratiwi-primary-dark) 100%);
  --pratiwi-gradient-accent: linear-gradient(135deg, var(--pratiwi-accent) 0%, var(--pratiwi-accent-dark) 100%);
  --pratiwi-gradient-danger: linear-gradient(135deg, #ef4444 0%, #b91c1c 100%);

  /* Typography */
  --font-main: 'Poppins', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --font-mono: 'JetBrains Mono', monospace;
  --font-skl: 'Times New Roman', Times, serif;

  /* Shadows & Elevation */
  --shadow-sm: 0 2px 4px rgba(0, 0, 0, 0.1);
  --shadow-md: 0 10px 20px -5px rgba(0, 0, 0, 0.25);
  --shadow-lg: 0 20px 40px -10px rgba(0, 0, 0, 0.4);
  --shadow-glow: 0 0 25px rgba(2, 132, 199, 0.25);

  /* Transitions */
  --transition-fast: 0.15s ease;
  --transition-normal: 0.25s ease;
}

/* Reset Standar */
*, *::before, *::after {
  box-sizing: border-box;
}

html, body {
  margin: 0;
  padding: 0;
}