@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700&display=swap');

:root {
    --font-family-base: 'Open Sans', Helvetica, sans-serif;
    --navbar-height: 54px;
    --footer-height: 44px;
    --color-text-base: #817F7F;
    --color-text-strong: #343a40;
    --color-text-muted: #6c757d;
    --color-text-inverse: #ffffff;
    --color-surface: #ffffff;
    --color-surface-alt: #f1f1f1;
    --color-surface-muted: #E0E0E0;
    --color-accent: #fd7e14;
    --color-accent-hover: #eb6a00;
    --color-accent-deep: #d27a27;
    --color-accent-deep-hover: #b5661f;
    --color-overlay-dark: rgba(0, 0, 0, 0.95);
    --color-overlay-mid: rgba(0, 0, 0, 0.6);
    --tracking-text: #f5f5f5;
    --tracking-border: rgba(255, 255, 255, 0.45);

}