/*
Theme Name: Surface Tip
Description: A Template for SURFACE TIP Website.
Author: SURFACE TIP
Theme URI: http://www.surfacetip.com
Author URI: http://www.surfacetip.com
Version: 1.0.0
License: Private Licence
License URI: -
Text Domain: Surface Tip
-----------------------------------------------------------------------------*/

:root {
  --accent-color: #0078d7;
  --accent-light-color: #007be0;
  --accent-dark-color: #004d8a;
  --font-family: "Rubik", system-ui, -apple-system, BlinkMacSystemFont,
    "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue",
    sans-serif;
  --bar-height: 62px;
  --border-radius: 5px;
  --box-shadow: 2px 2px 10px rgba(0 0 0 / 15%);
  --layout-space: 15px;
  --layout-content-space: 25px;
  --color-primary: #0078d7;
  --color-primary-rgb: 0, 120, 215;
  --color-primary-light: #007be0;
  --color-primary-dark: #004d8a;
  --color-primary-dl: var(--color-primary-dark);
  --color-primary-ld: var(--color-primary-light);
  --color-secondary: #af4c4c;
  --color-secondary-light: #c78181;
  --color-secondary-dark: #7d2e2e;
  --color-secondary-dl: var(--color-secondary-dark);
  --color-secondary-ld: var(--color-secondary-light);
  --color-tagline: var(--color-secondary-dark);
  --layout-space: 15px;
  --layout-content-space: 25px;
  --color-gray: #ccc;
  --color-light-gray: #ddd;
  --color-bright-gray: #fafafa;
  --text-color: #222;
  --text-color-gray: #585858;
  --text-background: #fff;
  --btn-color: #fff;
  --btn-background: var(--color-primary);
  --hover-background: rgba(0 62 146 / 10%);
  --navbar-background: rgba(240 240 240 / 1);
  --navbar-menu-background: rgba(240 240 240 / 0.99);
  font-size: 16px;

  --layout-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14),
    0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);

  --color-wb: #ffffff;
  --color-wb-rgb: 255, 255, 255;
  --color-bw-rgb: 0, 0, 0;
  --color-wdg-80: rgb(255 255 255 / 80%);
  --color-wdg-100: rgb(255 255 255 / 100%);
}