/* Skin CSS — auto-generated, WCAG AA contrast-safe */
/* Preset: light-clean | Generated: 2026-04-13T20:16:49.159Z */
:root {
  /* Primary palette */
  --color-primary: #0891B2;
  --color-secondary: #0D9488;
  --color-tertiary: #6366F1;
  --color-primary-on-bg: #07809d;
  --color-secondary-on-bg: #0b8278;
  --color-tertiary-on-bg: #6063ea;
  --color-primary-on-surface: #077b97;
  --fg-on-primary: #000000;
  --fg-on-secondary: #000000;
  --fg-on-tertiary: #000000;

  /* Backgrounds */
  --color-bg: #FFFFFF;
  --color-surface: #F0FDFA;
  --color-border: #CCFBF1;

  /* Typography */
  --color-text: #134E4A;
  --color-text-surface: #134E4A;
  --color-text2: #5F8A85;
  --font-body: 'Lora', Georgia, serif;

  /* Legacy compat */
  --accent: #0891B2;
  --accent2: #0D9488;
}

body {
  background: var(--color-bg);
  color: var(--color-text);
  font-family: var(--font-body);
}

h1, h2, h3, h4, h5, h6 { color: var(--color-text); }

a { color: var(--color-primary-on-bg); }
a:hover { opacity: 0.85; }

/* Buttons */
.btn-primary, [class*="cta"], button[type="submit"] {
  background: var(--color-primary) !important;
  color: var(--fg-on-primary) !important;
  border-color: var(--color-primary) !important;
}
.btn-secondary {
  background: var(--color-secondary) !important;
  color: var(--fg-on-secondary) !important;
}

/* Sections */
section, .section { border-color: var(--color-border); }
.surface, .card, [class*="card"] { background: var(--color-surface); color: var(--color-text-surface); }

/* Stats/metrics */
.stat-value, .kpi-value, .metric { color: var(--color-primary-on-bg); }

/* Force text contrast on all elements */
body, body p, body span, body div, body li, body td, body th, body dd, body dt, body label, body figcaption { color: var(--color-text); }
body h1, body h2, body h3, body h4, body h5, body h6 { color: var(--color-text); }
body .text-muted, body .text-secondary, body small { color: var(--color-text2); }

/* Force backgrounds */
body { background-color: var(--color-bg) !important; }
body header, body nav { background-color: var(--color-surface); color: var(--color-text-surface); }
body footer { background-color: var(--color-surface); color: var(--color-text-surface); }

/* Force link contrast */
body a:not(.btn):not([class*="cta"]):not(button) { color: var(--color-primary-on-bg); }

/* Force input readability */
body input, body textarea, body select { color: var(--color-text); background: var(--color-surface); border-color: var(--color-border); }
body input::placeholder, body textarea::placeholder { color: var(--color-text2); }

/* Hero sections often have overlays — ensure text is visible */
body [class*="hero"] h1, body [class*="hero"] h2, body [class*="hero"] p { color: var(--color-text); }
body [class*="hero"] a, body [class*="hero"] button { color: var(--fg-on-primary); background: var(--color-primary); }