/* TTMedCh11 Theme Root - values are overridden at runtime by core/themeManager.js */
:root {
  --color-primary: #6d1020;
  --color-secondary: #006838;
  --color-accent: #ffc107;
  --color-background: #f8fafc;
  --color-surface: #ffffff;
  --color-text: #172033;
  --color-muted: #64748b;
  --color-border: #e5e7eb;
  --radius: 8px;
  --font-family: "Prompt", sans-serif;
  --font-size-body: 16px;
  --line-height-body: 1.7;
  --font-weight-heading: 700;
  --line-height-heading: 1.2;
  --font-size-h1: 40px;
  --font-size-h2: 32px;
  --font-size-h3: 26px;
  --font-size-h4: 22px;
  --font-size-h5: 18px;
  --font-size-h6: 16px;
  --container-width: 1200px;
  --content-width: auto;
  --page-padding: 24px;
  --mobile-padding: 16px;
  --section-spacing: 80px;
  --grid-gap: 24px;
  --card-radius: 16px;
  --card-padding: 24px;
  --navbar-width: auto;
  --container: 1200px;
  --color-primary-light: #6d1020;
  --color-primary-lighter: #6d1020;
  --color-primary-soft: #f2e3e6;
  --color-secondary-light: #006838;
  --color-secondary-lighter: #006838;
  --color-secondary-soft: #e1f0e8;
  --color-accent-light: #ffc107;
  --color-accent-lighter: #ffc107;
  --color-accent-soft: #fff5d6;
  --color-text-light: #64748b;
  --color-link: #6d1020;
  --color-link-hover: #ffc107;
  --color-success: #16a34a;
  --color-warning: #ffc107;
  --color-danger: #dc2626;
  --color-info: #2563eb;
  --color-input-background: #ffffff;
  --color-input-border: #e5e7eb;
  --color-input-focus-border: #ffc107;
  --color-input-placeholder: #64748b;
  --color-button-text: #ffffff;
  --color-button-background: #6d1020;
  --color-button-hover-background: #006838;
  --color-button-hover-text: #ffffff;
  --radius-sm: 8px;
  --radius-md: 16px;
  --radius-lg: 16px;
  --radius-xl: 16px;
  --card-border: 1px solid #e5e7eb;
  --shadow-sm: 0 4px 12px rgba(15,23,42,.06);
  --shadow-md: 0 10px 30px rgba(15,23,42,.10);
  --shadow-lg: 0 20px 48px rgba(15,23,42,.14);
}

html { font-family: var(--font-family); }
body {
  background: var(--color-background);
  color: var(--color-text);
  font-family: var(--font-family);
  font-size: var(--font-size-body);
  line-height: var(--line-height-body);
}
h1 { font-size: var(--font-size-h1); }
h2 { font-size: var(--font-size-h2); }
h3 { font-size: var(--font-size-h3); }
h4 { font-size: var(--font-size-h4); }
h5 { font-size: var(--font-size-h5); }
h6 { font-size: var(--font-size-h6); }

.container {
  width: 100%;
  max-width: var(--container-width);
  margin-inline: auto;
  padding-inline: var(--page-padding);
}

.section {
  padding-block: var(--section-spacing);
}

.card {
  background: var(--color-surface);
  color: var(--color-text);
  border: 1px solid var(--color-border);
  border-radius: var(--card-radius);
  padding: var(--card-padding);
}

[data-theme="dark"] {
  color-scheme: dark;
}

@media (max-width: 768px) {
  .container {
    padding-inline: var(--mobile-padding);
  }
}