/*
File: variables.css
CSS custom properties for JTs on the Keys Resort
*/

:root {
  /* COLORS */
  --color-1: #01555b; /* Dark Green */
  --color-2: #589ed1; /* Sky Blue */
  --color-3: #c7932d; /* Pale Orange */
  --color-4: #40312b; /* Brown */
  --color-5: #d3d4db; /* Super Light Gray */
  --color-6: rgba(25, 23, 26, 0.1); /* Transparent Brown */

  --color-ui-1: #f8f9fa; /* Light Gray */

  --color-font-1: #474048; /* Gray */
  --color-font-2: #19171a; /* Dark Gray */
  --color-font-3: rgba(73, 66, 74, 0.5); /* Mid Gray */
  --color-font-inverse: #fff; /* On dark BG */

  /* TYPOGRAPHY */
  --line-height: 1.5rem;
  --font-title: "Josefin Sans";
  --font-body: "DM Sans";
  --font-interactive: "Josefin Sans";

  /* SIZING */
  --size-small: 0.75rem; /* line-height / 2 */
  --size-medium: 1.5rem; /* line-height */
  --size-large: 3rem; /* line-height * 2 */

  /* ANIMATION */
  --transition-standard: all 0.25s ease;

  /* BREAKPOINTS (for reference in media queries) */
  --breakpoint-tablet: 980px;
  --breakpoint-smartphone: 767px;
  --breakpoint-smartphone-portrait: 479px;
}