/*
Theme Name: DentaCMS Theme
Theme URI: https://dentacms.local
Author: DentaCMS Team
Author URI: https://dentacms.local
Description: Tema base ultraligero y de alto rendimiento optimizado para clínicas dentales y 100% compatible con Elementor Free.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.7
Requires PHP: 8.0
License: GNU General Public License v2 or later
Text Domain: dentacms-theme
*/

:root {
  --dentacms-primary: #006194;
  --dentacms-primary-container: #007bb9;
  --dentacms-on-primary: #ffffff;
  --dentacms-secondary: #006a61;
  --dentacms-secondary-container: #86f2e4;
  --dentacms-on-secondary: #ffffff;
  --dentacms-tertiary: #ba0035;
  --dentacms-tertiary-container: #e21e49;
  --dentacms-surface: #faf8ff;
  --dentacms-surface-dim: #d2d9f4;
  --dentacms-surface-container: #eaedff;
  --dentacms-surface-container-high: #e2e7ff;
  --dentacms-surface-container-low: #f2f3ff;
  --dentacms-surface-container-lowest: #ffffff;
  --dentacms-on-surface: #131b2e;
  --dentacms-on-surface-variant: #3f4850;
  --dentacms-outline: #707881;
  --dentacms-outline-variant: #bfc7d2;
  --dentacms-font: 'Plus Jakarta Sans', system-ui, -apple-system, sans-serif;
}

html {
  font-size: 10px;
  box-sizing: border-box;
  scroll-behavior: smooth;
}

*, *:before, *:after {
  box-sizing: inherit;
}

body {
  margin: 0;
  padding: 0;
  font-family: var(--dentacms-font);
  font-size: 1.4rem;
  line-height: 1.6;
  color: var(--dentacms-on-surface);
  background-color: var(--dentacms-surface);
  -webkit-font-smoothing: antialiased;
}

img {
  max-width: 100%;
  height: auto;
  display: block;
}

a {
  color: var(--dentacms-primary);
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

.dentacms-container {
  width: 100%;
  max-width: 1280px;
  margin: 0 auto;
  padding: 0 2rem;
}