/* Auto-generated by ThemeService - do not edit manually */
@import url('https://fonts.googleapis.com/css2?family=Google%20Sans:wght@300;400;500;600;700&display=swap');

:root {
    --color-accent:    #0681f2;
    /* Hover shade of the accent. Stylesheets reference it, so it has to be
       defined here or those rules fall back to the old hard-coded red.
       Worked out in PHP rather than with color-mix(), which older browsers
       would ignore and leave the variable unset. */
    --color-accent-dark: #0567c2;
    --color-body-bg:   #ffffff;
    --color-text:      #1a1a1a;
    --color-heading:   #000000;
    --color-secondary: #f1f1f1;
    --font-heading: 'Google Sans', Georgia, serif;
    --font-body:    'Google Sans', Arial, sans-serif;
}
body { background-color: var(--color-body-bg); color: var(--color-text); font-family: var(--font-body); }
h1,h2,h3,h4,h5,h6 { color: var(--color-heading); font-family: var(--font-heading); }
a { color: var(--color-accent); }
a:hover { opacity: 0.85; }
.btn-primary,.accent-bg { background-color: var(--color-accent); }
.accent-text { color: var(--color-accent); }
.accent-border { border-color: var(--color-accent); }
.tti-logo img { height: 48px; width: auto; }
@media (max-width: 1024px) { .tti-logo img { height: 40px; } }
@media (max-width: 640px)  { .tti-logo img { height: 36px; } }