/*
    DESCRIPTION:
    This stylesheet defines the root-level styles for the website. 
    It includes foundational CSS variables, default settings, 
    and global styles that establish the base design system. 
    These styles are intended to ensure consistency across the 
    entire website and provide a centralized location for 
    managing key design properties such as colors, typography, 
    and spacing.

    AUTHOR: PrasadM
    LAST MODIFIED: 2025-04-16
*/
:root {
  /* Base colors */
  --primary-color: #2563eb;
  --primary-color-rgb: 94, 96, 206;
  --secondary-color: #0f172a;
  --accent-color: #3b82f6;
  --text-color: #333;
  --text-color-secondary: #555;
  --bg-color: #f8f9fa;
  --navbar-bg: rgba(255, 255, 255, 0.8);
  --navbar-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
  --menu-bg: rgba(255, 255, 255, 0.9);
  --card-bg: rgba(255, 255, 255, 0.7);
  --footer-bg: linear-gradient(
    135deg,
    rgba(255, 255, 255, 0.9),
    rgba(240, 240, 240, 0.7)
  );
  --footer-text: #000000;
  --footer-heading: #1a1a1a;
  --footer-link: #181818;
  --footer-link-hover: #2563eb;
  --footer-border: rgba(255, 255, 255, 0.3);
  --loader-bg: rgba(255, 255, 255, 0.95);
  --loader-text: #333;
  --background-light: #f8fafc;
  --background-white: #ffffff;
  --background-glass: rgba(255, 255, 255, 0.7);
  --border-color: #e2e8f0;
  --shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  --shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1),
    0 2px 4px -1px rgba(0, 0, 0, 0.06);
  --shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1),
    0 4px 6px -2px rgba(0, 0, 0, 0.05);
  --shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.1),
    0 10px 10px -5px rgba(0, 0, 0, 0.04);
  --border-radius-sm: 0.25rem;
  --border-radius-md: 0.5rem;
  --border-radius-lg: 1rem;
  --transition-fast: 0.2s ease;
  --transition-normal: 0.3s ease;
  --transition-slow: 0.5s ease;
  --font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --font-heading: "Inter", var(--font-sans);
  --font-mono: "Roboto Mono", monospace;
  --font-navigation: "Google September 2015";
  --font-header:"AMORIA";
  --text-dark: #1e293b;
  --text-light: #64748b;
  --text-lighter: #94a3b8;

  /* Ray background colors */
  --stripe-color: #fff;
  --bg: var(--stripe-color);

  /* Animation durations */
  --transition-speed: 0.4s;

  /* Font settings */
  font-family: "Google Sans";
}