/* FreeCampNow colour settings. Every colour used on every page in 09 App Design is named here.
   Each page loads this file and uses var(--name). Change a colour here and it changes on every page that uses it. */
:root {
  /* Page and backdrop */
  --page-white: #ffffff; /* Phone page background, white input fields, white buttons */
  --page-white-soft: #fefefe; /* Saved Camps page background (very slightly off white) */
  --backdrop: #dfe5e0; /* Grey-green area behind the phone on most pages */
  --backdrop-cream: #e9e6da; /* Area behind the phone on the Login page */
  --backdrop-grey: #e9ebef; /* Area behind the phone on the Saved Camps page */
  --login-cream: #fbf1c9; /* Login page cream panel under the photo */
  --photo-fallback: #f0a64a; /* Colour shown on the Welcome page only if its photo does not load */
  /* Tiles and the one green */
  --tile: #e6f2ea; /* Pale mint tile and card colour */
  --tile-border: #cfe3d6; /* Thin border round tiles and cards */
  --green: #067647; /* The one green: buttons, camp numbers, active tabs, links */
  /* Text */
  --text: #0f1b3d; /* Navy text colour */
  --text-title: #08103f; /* Saved Camps title and camp names (slightly deeper navy) */
  --text-deep: #0a0f52; /* Saved Camps deepest navy */
  --text-rating: #1b2350; /* Saved Camps rating number */
  --text-green-dark: #0e3f27; /* Welcome page four-points text */
  --subtext: #5f6b7a; /* Grey subtext colour */
  --subtext-warm: #5b625d; /* Login page subtext (warm grey) */
  --subtext-blue: #59648c; /* Saved Camps subtext (blue grey) */
  --subtext-pale: #8890a8; /* Saved Camps location pin */
  --subtext-dark: #3d4a43; /* Welcome page button subtitle */
  --input-placeholder: #7d837e; /* Login page hint text inside boxes */
  /* Logo and Welcome page */
  --logo-green: #0e5a33; /* Green of the CampNow wordmark and the Welcome tagline */
  --logo-orange: #f47b20; /* Orange of the Free wordmark */
  --script-orange: #f26b1d; /* Orange underline under the Welcome script line */
  --logo-orange-alt: #f08a1c; /* Orange of the old Map page wordmark rule */
  /* Badges (criteria row) */
  --badge-green: #1f8a4c; /* Green badge symbol strip */
  --badge-green-light: #e6f4ea; /* Green badge label area */
  --badge-amber: #e08a00; /* Amber badge symbol strip */
  --badge-amber-light: #fdf1dc; /* Amber badge label area */
  --badge-red: #c62828; /* Red badge symbol strip and map dot */
  --badge-red-light: #fbe5e5; /* Red badge label area */
  --badge-grey: #8a9189; /* Grey (unknown) badge symbol strip */
  --badge-grey-light: #eceeec; /* Grey (unknown) badge label area */
  --badge-green-tile: #f1fbf3; /* Saved Camps green badge tile */
  --badge-green-tile-border: #dcefe1; /* Saved Camps green badge tile border */
  --badge-amber-tile: #fef6e8; /* Saved Camps amber badge tile */
  --badge-amber-tile-border: #f7e6c5; /* Saved Camps amber badge tile border */
  --badge-amber-text: #e08a0b; /* Saved Camps amber badge text */
  --badge-amber-icon: #f59e0b; /* Saved Camps amber badge circle */
  --badge-red-tile: #fef2f2; /* Saved Camps red badge tile */
  --badge-red-tile-border: #f7d9d9; /* Saved Camps red badge tile border */
  --badge-red-icon: #e5383b; /* Saved Camps red badge circle and text */
  --badge-label-text: #40506c; /* Saved Camps badge label text */
  /* Stars */
  --star-gold: #fca901; /* Filled part of a rating star */
  --star-empty: #d5dbe7; /* Empty part of a rating star */
  --star-empty-alt: #d5d9e0; /* Empty star used by the old Reviews rule */
  --star-input: #c9ced4; /* Grey stars on the Review Form (not yet chosen) */
  /* Photo placeholders */
  --placeholder-light: #dfe9e2; /* Placeholder box, light end */
  --placeholder-dark: #c9d9d0; /* Placeholder box, dark end */
  --placeholder-text: #6f8a7b; /* Placeholder caption text */
  --placeholder-icon: #8fa89a; /* Placeholder picture icon */
  --photo-green-light: #8fbf7a; /* Old List photo box, light end (covered by the placeholder) */
  --photo-green-dark: #4f8f5e; /* Old List photo box, dark end (covered by the placeholder) */
  --photo-add-border: #9fbcab; /* Review Form empty photo squares, dashed border */
  --photo-add-icon: #b5bcb7; /* Review Form empty photo square icon */
  /* Map */
  --map-land-light: #cfe6c4; /* Map placeholder, pale land */
  --map-land: #a9d19a; /* Map placeholder, land */
  --map-water-light: #c9e3ef; /* Map placeholder, pale water */
  --map-water: #8fc3e4; /* Map placeholder, water */
  /* Controls and dividers */
  --slider-track: #c3d3c9; /* Filters slider track */
  --switch-off: #b8c7be; /* Filters switch when off */
  --divider-warm: #d7ddd2; /* Welcome four-points divider lines */
  --divider-blue: #c9d0de; /* Saved Camps divider between rating and distance */
  --logout-red: #e0302c; /* Log out text */
  --heart-red: #e73a49; /* Saved heart */
  /* Note bars (mock-up labels, not shown on the pages now) */
  --note-text: #8a6d00; /* Yellow note bar text */
  --note-bg: #fff7d6; /* Yellow note bar background */
  /* Overlays and shadows */
  --glow-white: rgba(255,255,255,.9); /* White glow round the Welcome logo */
  --panel-glass: rgba(250,251,246,.9); /* Welcome four-points panel */
  --shadow-blue: rgba(27,31,94,.12); /* Welcome panel shadow */
  --green-toast: rgba(6,118,71,.96); /* Welcome Coming soon bubble */
  --shadow-strong: rgba(0,0,0,.3); /* Map pin and slider thumb shadow */
  --shadow-soft: rgba(0,0,0,.2); /* Map zoom control shadow */
  --shadow-medium: rgba(0,0,0,.25); /* Switch knob shadow */
  --overlay-photo-count: rgba(0,0,0,.6); /* Camp Details photo count badge */
  --overlay-saved-count: rgba(30,30,30,.72); /* Saved Camps photo count badge */
}

/* ---- Rebuild additions (COMMAND 681): the colours the rebuilt app needs that the locked file above does not name. Nothing above is changed. ---- */
:root {
  --badge-amber-text-dark: #6b4500; /* Label text on an amber badge */
  --badge-red-text-dark: #7a1717; /* Label text on a red badge */
  --badge-grey-text: #4b524a; /* Label text on a grey badge */
  --text-on-photo-shadow: rgba(0,0,0,.7); /* Welcome core-promise line: dark glow behind white text over the photo */
}
