/* Typography styles for Vividly */

/* Apply Bricolage Grotesque to titles */
h1, h2, h3, h4, h5, h6, .font-title {
  font-family: 'Bricolage Grotesque', sans-serif;
}

/* Apply Public Sans to body text */
body, p, a, button, input, textarea, select, .font-body {
  font-family: 'Public Sans', sans-serif;
}

/* Vividly colorful logo wordmark */
.vividly-logo { font-family: 'Bricolage Grotesque', sans-serif; font-weight: 700; text-transform: lowercase; }
.vividly-v1 { color: #E8573A; }
.vividly-i1 { color: #F5A623; }
.vividly-v2 { color: #D14D72; }
.vividly-i2 { color: #5BB8D4; }
.vividly-d  { color: #E67E66; }
.vividly-l  { color: #D65A62; }
.vividly-y  { color: #F5A623; }

html {
  scroll-behavior: smooth;
}

/* Theme-aware logo colors */
.theme-logo path {
  fill: #100F0F !important; /* Dark color for light theme */
}

[data-theme="dark"] .theme-logo path {
  fill: #FFFCF0 !important; /* Light color for dark theme */
}