/* Google Fonts */
@import url("https://fonts.googleapis.com/css?family=Poppins:400,500,600,700&display=swap");

/* Centralized Variables */
:root {
  /* Typography */
  --font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;

  --primary-color: #213a86;
  --primary-comliment-color: #0073ff;
  --primary-hover-color: #0073ff;
  --secondary-color: #6c757d;
  --secondary-hover-color: #545b62;
  --text-color: #333;
  --text-title-color: #6c6c6c;
  --background-color: #f4f6f7;
  --background-white: #fff;
  --background-shaded-color: #c1c3c5;

  --border-color-dark: #6c6c6c;
  --border-color-light: #b2b2b2;

  /*HERO Colors*/
  --hero-primary-text-color: #fff;
  --hero-secondary-text-color: whitesmoke;

  /*Nav Colors*/
  --nav-background-color: #2c3e50;
  --nav-text-color: #ffffff;
  --nav-primary-text-color: #fff;
  --nav-mobile-background: #fff;
  --nav-mobile-text-color: #333;
  --nav-mobile-hover-background: #f0f0f0;

  /* Button colors */
  --primary-button-color: #fff;
  --primary-button-text-color: #fff;
  --success-button-color: #4da422;
  --success-button-compliment-color: #69e02e;
  --info-button-color: #00b8d8;
  --info-button-compliment-color: #32fbfc;
  --warning-button-color: #ffb400;
  --warning-button-compliment-color: #f7e500;
  --danger-button-color: #fc3832;
  --danger-button-compliment-color: #dc312b;

/*Other Colors*/
  --error-color: #f00;

/*Thumbnail Background*/
  --thumbnail-bg: #d0d0d0;

/*Form Colors*/
  --input-color: #a4a4a4;

/*Gray scale (mirrors admin.css for cross-surface consistency)*/
  --gray-50: #f9fafb;
  --gray-100: #f3f4f6;
  --gray-200: #e5e7eb;
  --gray-300: #d1d5db;
  --gray-400: #9ca3af;
  --gray-500: #6b7280;
  --gray-600: #4b5563;
  --gray-700: #374151;
  --gray-800: #1f2937;
  --gray-900: #111827;
}