@import url("https://fonts.googleapis.com/css2?family=Abhaya+Libre:wght@400;700;800&family=Noto+Sans+Tamil:wght@400;700&display=swap");

:root {
  --lc-teal: #0A4650;
  --lc-teal-mid: #137578;
  --lc-teal-deep: #0A444E;
  --lc-red: #E31E24;
  --lc-bg: #F3F8F8;
  --lc-bg-soft: #E8F2F2;
  --lc-card: #FFFFFF;
  --lc-text: #0A4852;
  --lc-text-soft: #4A6B70;
  --lc-border: #A8C8CA;
  --lc-font-si: "Abhaya Libre", serif;
  --lc-font-ta: "Noto Sans Tamil", sans-serif;

  /* Legacy names remapped so existing selectors pick up Figma teal */
  --lc-bg-main: #F3F8F8;
  --lc-bg-card: #FFFFFF;
  --lc-bg-card-2: #D6EAEA;
  --lc-border-soft: #A8C8CA;
  --lc-border-strong: #137578;
  --lc-text-main: #0A4852;
  --lc-accent-brown: #0A4650;
  --lc-accent-deep: #0A444E;
  --lc-accent-gold: #137578;
  --lc-accent-saffron: #E31E24;
}

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

html[lang="si"] body,
body.lang-si {
  font-family: var(--lc-font-si), Georgia, serif;
}

html[lang="ta"] body,
body.lang-ta {
  font-family: var(--lc-font-ta), sans-serif;
}