/*
 * Captive Portal Theme — Authority Brands
 * =========================================
 * Brand colors: Primary #18988B (teal), Secondary #002D62 (navy)
 * Brand font:   Roboto
 * Upload this file alongside captive-portal.html in the same S3 bucket.
 */

@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;700;900&display=swap');

/* --- Light mode (default) --- */
:root {
  /* Background gradient (shown when no bg.jpg / bg.mp4 exists) */
  --bg-gradient: linear-gradient(135deg, #002d62 0%, #18988b 100%);
  --bg-overlay: rgba(0, 0, 0, 0.45);

  /* Card */
  --card-bg: rgba(255, 255, 255, 0.95);
  --card-shadow: 0 4px 24px rgba(0, 0, 0, 0.2);

  /* Logo circle */
  --logo-bg: #18988b;
  --logo-icon-fill: #fff;

  /* Typography */
  --heading-color: #002d62;
  --subtitle-color: #555;
  --body-color: #444;
  --label-color: #333;
  --footer-color: #999;

  /* Disclaimer box */
  --disclaimer-bg: #f4f8f7;
  --disclaimer-border: #d0e0dd;
  --disclaimer-color: #444;

  /* Button */
  --btn-bg: #18988b;
  --btn-bg-hover: #137a70;
  --btn-color: #fff;

  /* Accent (checkbox) */
  --accent-color: #18988b;
}

/* --- Dark mode --- */
@media (prefers-color-scheme: dark) {
  :root {
    --bg-gradient: linear-gradient(135deg, #001a38 0%, #0f6b62 100%);
    --bg-overlay: rgba(0, 0, 0, 0.6);

    --card-bg: rgba(0, 30, 55, 0.92);
    --card-shadow: 0 4px 24px rgba(0, 0, 0, 0.5);

    --logo-bg: #18988b;
    --logo-icon-fill: #fff;

    --heading-color: #e0f0ee;
    --subtitle-color: #9ab8b4;
    --body-color: #c0d8d4;
    --label-color: #d0e8e4;
    --footer-color: #5a7a76;

    --disclaimer-bg: #001e37;
    --disclaimer-border: #1a4a44;
    --disclaimer-color: #c0d8d4;

    --btn-bg: #1aad9e;
    --btn-bg-hover: #18988b;
    --btn-color: #fff;

    --accent-color: #1aad9e;
  }
}

/* Brand font override */
body {
  font-family:
    'Roboto',
    -apple-system,
    BlinkMacSystemFont,
    'Segoe UI',
    Helvetica,
    Arial,
    sans-serif;
}

h1 {
  font-weight: 900;
}