/* =========================================================
   ADRASA TOKENS (GLOBAL)
   Default theme = BLUE
   Override per page with body classes: .adrasa-theme--green, etc.
========================================================= */

:root {
  /* Core brand */
  --adrasa-primary: #1c3463;
  --adrasa-primary-2: #1c3066;
  --adrasa-accent: #009dd8;

  /* Text */
  --adrasa-text: #324a6d;
  --adrasa-text-strong: #1d2f66;
  --adrasa-text-on-dark: #eff7fa;

  /* Surfaces */
  --adrasa-bg: #ffffff;
  --adrasa-bg-soft: #eff7fa;  /* “Blue Light BG” */
  --adrasa-bg-hero: #f3f8fd;

  /* UI */
  --adrasa-border: rgba(28, 52, 99, 0.16);
  --adrasa-border-accent: rgba(0, 157, 216, 0.55);

  /* Buttons */
  --adrasa-btn-primary-bg: var(--adrasa-primary-2);
  --adrasa-btn-primary-text: #c6e3ee;

  --adrasa-btn-secondary-bg: #eef7fa;
  --adrasa-btn-secondary-text: var(--adrasa-primary-2);

  --adrasa-btn-tertiary-bg: rgba(236, 243, 246, 0.91);
  --adrasa-btn-tertiary-text: var(--adrasa-primary-2);
}

/* =========================================================
   GLOBAL “BODY APPLICATION”
   This makes the whole page inherit the theme
========================================================= */

body {
  background-color: var(--adrasa-bg-soft);
  color: var(--adrasa-text);
}

/* Optional: sane defaults for common elements */
a { color: var(--adrasa-accent); }
hr { border-color: var(--adrasa-border); }

/* =========================================================
   GREEN THEME OVERRIDE
========================================================= */

body.adrasa-theme--green {
  --adrasa-primary: #2f6f63;
  --adrasa-primary-2: #2a655a;
  --adrasa-accent: #2f8f7a;

  --adrasa-text: #2b4b44;
  --adrasa-text-strong: #1f3f39;
  --adrasa-text-on-dark: #e9fff8;

  --adrasa-bg: #ffffff;
  --adrasa-bg-soft: #f2fbf7;
  --adrasa-bg-hero: #f5fbf7;

  --adrasa-border: rgba(47, 111, 99, 0.18);
  --adrasa-border-accent: rgba(47, 143, 122, 0.55);

  --adrasa-btn-primary-bg: var(--adrasa-primary-2);
  --adrasa-btn-primary-text: #e9fff8;

  --adrasa-btn-secondary-bg: rgba(242, 251, 247, 0.95);
  --adrasa-btn-secondary-text: var(--adrasa-primary-2);

  --adrasa-btn-tertiary-bg: rgba(232, 247, 241, 0.92);
  --adrasa-btn-tertiary-text: var(--adrasa-primary-2);

  --adrasa-header-bg: var(--adrasa-bg-soft);
  background-color: var(--adrasa-bg-soft);
}