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

:root {
    --color-accent:    #9d7338;
    --color-body-bg:   #FFFFFF;
    --color-text:      #1F1D1B;
    --color-heading:   #12100E;
    --color-secondary: #F4F1EC;
    --font-heading: 'Playfair Display', Georgia, serif;
    --font-body:    'Montserrat', Arial, sans-serif;

    /* Bridge into the Sobo theme. sobo.css reads these through var() with its
       own values as the fallback, so the admin drives the design without this
       file having to win a specificity or load-order fight — and the site
       still renders correctly if this file is ever missing. */
    --theme-accent:           #9d7338;
    --theme-accent-tint:      #f3eee7;
    --theme-accent-dark:      #b6976c;
    --theme-accent-dark-tint: #1f170b;
    --theme-logo-h-desktop: 68px;
    --theme-logo-h-tablet:  52px;
    --theme-logo-h-mobile:  42px;
}
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: 68px; width: auto; }
@media (max-width: 1024px) { .tti-logo img { height: 52px; } }
@media (max-width: 640px)  { .tti-logo img { height: 42px; } }