/* theme_default.css - Default Light Theme */
/* Inspired by Edustage Education Design System */
/* Professional educational theme with modern aesthetics */

:root {
  /* Primary Colors - Deep navy blue for professionalism and trust */
  --primary-color: #002347;
  --primary-hover: #001a34;
  --primary-light: #e6eaf0;
  --primary-dark: #001529;

  /* Secondary/Body Text Colors - Professional gray */
  --secondary-color: #7b838a;
  --secondary-hover: #5f656b;
  --secondary-light: #f3f4f5;
  --secondary-dark: #4a5056;

  /* Accent Colors - Vibrant yellow/gold for energy and highlights */
  --accent-color: #fdc632;
  --accent-hover: #f5be1e;
  --accent-light: #fff9e6;

  /* Background Colors */
  --background-color: #ffffff;
  --background-secondary: #f9f9f9;
  --background-tertiary: #f9f9ff;
  --card-background: #ffffff;
  --input-background: #ffffff;
  --light-bg: #f9f9ff;

  /* Text Colors */
  --text-color: #7b838a;
  --text-secondary: #7b838a;
  --text-muted: #adb5bd;
  --text-on-primary: #ffffff;
  --heading-color: #002347;

  /* Border Colors */
  --border-color: #eeeeee;
  --border-light: #f9f9ff;
  --border-dark: #ddd;

  /* State Colors */
  --success-color: #27ae60;
  --success-light: #d5f4e6;
  --success-dark: #1e8449;

  --warning-color: #f39c12;
  --warning-light: #fef5e7;
  --warning-dark: #ca6f1e;

  --danger-color: #e74c3c;
  --danger-light: #fadbd8;
  --danger-dark: #c0392b;

  --info-color: #3498db;
  --info-light: #d6eaf8;
  --info-dark: #2874a6;

  /* Focus States */
  --focus-ring: rgba(253, 198, 50, 0.3);

  /* Shadows - Professional and subtle */
  --shadow-sm: 0 1px 3px 0 rgba(0, 35, 71, 0.08);
  --shadow-md: 0 4px 6px -1px rgba(0, 35, 71, 0.1), 0 2px 4px -1px rgba(0, 35, 71, 0.06);
  --shadow-lg: 0 10px 15px -3px rgba(0, 35, 71, 0.1), 0 4px 6px -2px rgba(0, 35, 71, 0.05);
  --shadow-xl: 0 20px 25px -5px rgba(0, 35, 71, 0.1), 0 10px 10px -5px rgba(0, 35, 71, 0.04);

  /* Typography */
  --font-family: 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif;
  --font-family-heading: 'Rubik', sans-serif;
  --font-size-base: 1rem;
  --font-size-sm: 0.875rem;
  --font-size-lg: 1.125rem;
  --font-size-xl: 1.25rem;
  --font-size-2xl: 1.5rem;

  /* Spacing */
  --spacing-xs: 0.25rem;
  --spacing-sm: 0.5rem;
  --spacing-md: 1rem;
  --spacing-lg: 1.5rem;
  --spacing-xl: 2rem;
  --spacing-2xl: 3rem;

  /* Border Radius */
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 12px;
  --radius-xl: 16px;
  --radius-full: 9999px;

  /* Transitions */
  --transition-fast: 150ms ease-in-out;
  --transition-base: 300ms ease;
  --transition-slow: 350ms ease-in-out;

  /* Banner specific */
  --banner-height: 80px;
  --banner-gradient: linear-gradient(135deg, #002347 0%, #001529 100%);

  /* Footer specific */
  --footer-background: #002347;
  --footer-text: #f9f9ff;
  --footer-heading: #ffffff;
  --footer-link-hover: #fdc632;
}