/* skin_blue.css - Navy/sky blue theme.
   This file defines color variables only. All layout/structure rules live in
   theme_common.css, which is loaded BEFORE this file in header.php. */

:root {
  /* Core palette */
  --primary-color:    #2563eb;       /* bright royal blue (the old accent) */
  --accent-color:     #60a5fa;       /* lighter sky blue for hover */
  --secondary-color:  #e0ecff;       /* light sky blue */

  /* Page surfaces */
  --bg-color:         #ffffff;
  --text-color:       #212529;

  /* Boxed content */
  --card-bg:          #ffffff;
  --row-alt-bg:       #f1f6ff;

  /* Form inputs */
  --input-bg:         #ffffff;
  --input-border:     #2563eb;     /* blue-bordered inputs */
  --border-color:     #dee2e6;
  --focus-shadow:     rgba(96, 165, 250, 0.4);

  /* Links */
  --link-color:       var(--primary-color);
  --link-hover-color: var(--accent-color);

  /* Secondary button */
  --secondary-btn-color:       var(--primary-color);
  --secondary-btn-hover-text:  white;

  /* Shadows */
  --card-shadow:      0 4px 8px rgba(0, 0, 0, 0.1);
  --dropdown-shadow:  0 4px 6px rgba(0, 0, 0, 0.2);

  /* Typography */
  --font-family:      'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}