/* ============================================
   SANJIVANI HOSPITAL - CSS Variables
   Pastel Color Scheme Based on Logo
   (Red, Green, Gold/Beige)
   ============================================ */

:root {
  /* Primary Colors - Based on Logo */
  --primary: #e05252;          /* Soft Red (logo red) */
  --primary-light: #f7c5c5;    /* Pastel Red */
  --primary-dark: #c0392b;     /* Deep Red */

  --secondary: #2ecc71;        /* Fresh Green (logo green) */
  --secondary-light: #c8f5e1;  /* Pastel Green */
  --secondary-dark: #1a9450;   /* Deep Green */

  --accent: #c9a86c;           /* Gold/Beige (logo hands color) */
  --accent-light: #f5e6cc;     /* Pastel Gold */
  --accent-dark: #a07840;      /* Deep Gold */

  /* Neutral Colors */
  --white: #ffffff;
  --off-white: #fafafa;
  --light-gray: #f4f4f6;
  --medium-gray: #e0e0e0;
  --dark-gray: #4a4a4a;
  --text-dark: #2c2c2c;
  --text-muted: #6c757d;

  /* Semantic */
  --success: #28a745;
  --warning: #ffc107;
  --danger: #dc3545;
  --info: #17a2b8;

  /* Typography */
  --font-primary: 'Poppins', sans-serif;
  --font-heading: 'Playfair Display', serif;

  /* Shadows */
  --shadow-sm: 0 2px 8px rgba(0,0,0,0.08);
  --shadow-md: 0 4px 20px rgba(0,0,0,0.12);
  --shadow-lg: 0 8px 40px rgba(0,0,0,0.16);

  /* Border Radius */
  --radius-sm: 6px;
  --radius-md: 12px;
  --radius-lg: 20px;
  --radius-xl: 30px;

  /* Transitions */
  --transition: all 0.3s ease;

  /* Spacing */
  --section-padding: 80px 0;
}