/* Bare Lux Studio Theme Overrides */

[data-theme="barelux"] {
  /* Typography - Merriweather for headings, Poppins for body */
  --font-body: "Poppins", -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  --font-display: "Merriweather", "Georgia", serif;
  
  /* Bare Lux color palette - soft peachy rose aesthetic */
  --color-bg-primary: #FDFCFB;
  --color-bg-secondary: rgb(250, 240, 225);
  --color-bg-primary_hover: #F3F2F0;
  --background-color-primary: #FDFCFB;
  --background-color-secondary: rgb(250, 240, 225);
  
  /* Text colors */
  --color-text-primary: #1A1A1A;
  --color-text-secondary: #4A4A4A;
  --color-text-tertiary: #6B6B6B;
  
  /* Foreground colors for text classes */
  --color-fg-primary: #1A1A1A;
  --color-fg-secondary: #4A4A4A;
  --color-fg-tertiary: #6B6B6B;
  
  /* Brand colors - peachy rose from Bare Lux */
  --color-brand-500: rgb(216, 164, 143);
  --color-brand-600: rgb(203, 147, 124);
  --color-brand-700: rgb(190, 130, 105);
  --color-fg-brand-primary: rgb(203, 147, 124);
  --color-fg-brand-secondary: rgb(216, 164, 143);
  --color-text-brand-secondary: rgb(203, 147, 124);
  --color-text-brand-accent: rgb(216, 164, 143);
  
  /* Button backgrounds */
  --color-bg-brand-solid: rgb(203, 147, 124);
  --color-bg-brand-solid_hover: rgb(190, 130, 105);
  --background-color-brand-solid: rgb(203, 147, 124);
  --background-color-brand-solid_hover: rgb(190, 130, 105);
  
  /* Border colors */
  --color-border-primary: #EEEAE7;
  --color-border-secondary: #E5E1DE;
}

/* Body text uses Poppins */
[data-theme="barelux"] body {
  font-family: "Poppins", -apple-system, "Segoe UI", Roboto, Arial, sans-serif !important;
  background-color: #FDFCFB;
}

/* Headings use Merriweather */
[data-theme="barelux"] h1,
[data-theme="barelux"] h2,
[data-theme="barelux"] h3,
[data-theme="barelux"] h4,
[data-theme="barelux"] h5,
[data-theme="barelux"] h6 {
  font-family: "Merriweather", "Georgia", serif !important;
  font-weight: 400;
}

/* .font-display class uses Merriweather */
[data-theme="barelux"] .font-display {
  font-family: "Merriweather", "Georgia", serif !important;
  font-weight: 400;
}

/* .font-body class uses Poppins */
[data-theme="barelux"] .font-body {
  font-family: "Poppins", -apple-system, "Segoe UI", Roboto, Arial, sans-serif !important;
}

/* Fix header background */
[data-theme="barelux"] header {
  background-color: #FDFCFB !important;
}

/* Ensure prose content doesn't have backgrounds */
[data-theme="barelux"] .prose,
[data-theme="barelux"] .prose-lg {
  background-color: transparent;
}

/* Navigation styling */
[data-theme="barelux"] nav {
  font-family: "Poppins", -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  font-weight: 600;
}

/* Button text */
[data-theme="barelux"] button {
  font-family: "Poppins", -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
}

/* Sections background */
[data-theme="barelux"] section {
  background-color: #FDFCFB;
}

/* Override bg-primary and bg-secondary classes */
[data-theme="barelux"] .bg-primary {
  background-color: #FDFCFB !important;
}

[data-theme="barelux"] .bg-secondary {
  background-color: rgb(250, 240, 225) !important;
}

/* Paragraphs and general text inherit fonts */
[data-theme="barelux"] p,
[data-theme="barelux"] span,
[data-theme="barelux"] div,
[data-theme="barelux"] li,
[data-theme="barelux"] a {
  font-family: inherit;
}
