/*
 * AURA Bio World theme
 * Change the values in this file to update the website color scheme.
 */

/* =========================================================
   ACTIVE THEME: AURA GREEN
   ========================================================= */
.disabled {
  /* Brand colors */
  --green: #0b6e4f;
  --green-dark: #07533d;
  --green-light: #e7f5ef;
  --navy: #0f172a;
  --navy-soft: #17233c;
  --company-label: var(--green);
  --accent-bright: #26b984;
  --accent-soft: #9be4c8;
  --accent-highlight: #8edfc0;
  --dark-gradient-end: #122538;
  --map-background: #e8efed;
  --map-surface: #dfe9e6;
  --map-line: #c6d5d1;
  --map-water: #c2dbd5;
  --hero-image-filter: none;

  /* Neutral colors */
  --ink: #172033;
  --muted: #64748b;
  --line: #dfe7e4;
  --surface: #f5f9f7;
  --white: #ffffff;

  /* Shared effects */
  --shadow: 0 24px 60px rgba(15, 23, 42, 0.1);

  /* Bootstrap theme overrides */
  --bs-primary: var(--green);
  --bs-primary-rgb: 11, 110, 79;
  --bs-secondary: var(--navy);
  --bs-secondary-rgb: 15, 23, 42;
  --bs-body-color: var(--ink);
  --bs-body-bg: var(--white);
  --bs-border-color: var(--line);
  --bs-link-color: var(--green);
  --bs-link-hover-color: var(--green-dark);
  --bs-focus-ring-color: rgba(11, 110, 79, 0.25);
}

/* =========================================================
   DISABLED THEME: AURA LOGO BLUE + GREEN
   Change this selector to :root and disable the active block
   above when using the logo-inspired palette.
   ========================================================= */
:root {
  --green: #293990;
  --green-dark: #1d2a70;
  --green-light: #eef1fb;
  --navy: #101936;
  --navy-soft: #1b2852;
  --company-label: var(--green);
  --accent-bright: #62a82d;
  --accent-soft: #b9d99a;
  --accent-highlight: #86c64d;
  --dark-gradient-end: #202f65;
  --map-background: #edf0f7;
  --map-surface: #e1e6f1;
  --map-line: #c8d0e2;
  --map-water: #cbd7e9;
  --hero-image-filter: none;

  --ink: #17203b;
  --muted: #66718a;
  --line: #dfe3ed;
  --surface: #f5f7fb;
  --white: #ffffff;

  --shadow: 0 24px 60px rgba(16, 25, 54, 0.11);

  --bs-primary: var(--green);
  --bs-primary-rgb: 41, 57, 144;
  --bs-secondary: var(--navy);
  --bs-secondary-rgb: 16, 25, 54;
  --bs-body-color: var(--ink);
  --bs-body-bg: var(--white);
  --bs-border-color: var(--line);
  --bs-link-color: var(--green);
  --bs-link-hover-color: var(--green-dark);
  --bs-focus-ring-color: rgba(41, 57, 144, 0.25);
}

/* =========================================================
   DISABLED DEMO THEME: GREY
   Change this selector to :root and disable the active block
   above when testing the grey palette.
   ========================================================= */

.theme-grey-disabled {
  --green: #5f6670;
  --green-dark: #3f4650;
  --green-light: #eceef0;
  --navy: #181b20;
  --navy-soft: #292e35;
  --company-label: var(--green);
  --accent-bright: #858c95;
  --accent-soft: #c4c8cd;
  --accent-highlight: #d4d7da;
  --dark-gradient-end: #2c3138;
  --map-background: #e6e8ea;
  --map-surface: #d9dcdf;
  --map-line: #c5c9cd;
  --map-water: #cdd1d5;
  --hero-image-filter: grayscale(1);

  --ink: #20242a;
  --muted: #6f7680;
  --line: #d9dde1;
  --surface: #f3f4f5;
  --white: #ffffff;

  --shadow: 0 24px 60px rgba(24, 27, 32, 0.12);

  --bs-primary: var(--green);
  --bs-primary-rgb: 95, 102, 112;
  --bs-secondary: var(--navy);
  --bs-secondary-rgb: 24, 27, 32;
  --bs-body-color: var(--ink);
  --bs-body-bg: var(--white);
  --bs-border-color: var(--line);
  --bs-link-color: var(--green);
  --bs-link-hover-color: var(--green-dark);
  --bs-focus-ring-color: rgba(95, 102, 112, 0.25);
}

::selection {
  color: var(--white);
  background: var(--green);
}