:root {
  /* 60% Dominant: The Canvas (Soft Alabaster) */
  --color-canvas: #FDFBF7;
  
  /* 30% Secondary: Typography & Structure */
  --color-text-main: #1A1A1A;       /* Deep Charcoal */
  --color-text-muted: #555555;      /* Editorial Muted Grey */
  --color-structure: #EAE5DB;       /* Warm Taupe for borders/cards */
  --color-structure-light: #F7F4EE; /* Slightly darker row/section background */
  
  /* 10% Accent: The Conversion Engine (Rich Terracotta) */
  --color-action: #C86A4B;
  --color-action-hover: #B2593C;    /* Deeper shade for smooth hover transitions */
  
  /* System Defaults */
  --font-heading: 'Playfair Display', serif;
  --font-body: 'Montserrat', sans-serif;
}

/* Global Baseline Application */
body {
  background-color: var(--color-canvas);
  color: var(--color-text-main);
  font-family: var(--font-body);
  -webkit-font-smoothing: antialiased;
}

h1, h2, h3, h4, h5, h6 {
  font-family: var(--font-heading);
  color: var(--color-text-main);
  font-weight: 700;
}

/* Premium High-Contrast Primary CTA Button */
.btn-primary-editorial {
  background-color: var(--color-action);
  color: #FFFFFF;
  font-family: var(--font-body);
  font-size: 0.9rem;
  font-weight: 600;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  padding: 12px 28px;
  border: 1px solid transparent;
  transition: all 0.3s ease;
  cursor: pointer;
}

.btn-primary-editorial:hover {
  background-color: var(--color-action-hover);
  transform: translateY(-1px); /* Subtle high-end physical lift */
}

/* Elegant Editorial Outline Button (Secondary CTA) */
.btn-secondary-editorial {
  background-color: transparent;
  color: var(--color-text-main);
  font-family: var(--font-body);
  font-size: 0.9rem;
  font-weight: 600;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  padding: 12px 28px;
  border: 1px solid var(--color-text-main);
  transition: all 0.3s ease;
  cursor: pointer;
}

.btn-secondary-editorial:hover {
  background-color: var(--color-text-main);
  color: var(--color-canvas);
}

/* Minimalist Card Structure (For Features, Products, or Testimonials) */
.editorial-card {
  background-color: var(--color-canvas);
  border: 1px solid var(--color-structure);
  padding: 32px;
  transition: border-color 0.3s ease;
}

.editorial-card:hover {
  border-color: var(--color-text-main); /* Elegant border transition instead of heavy shadows */
}