/*
 * Telugu Daily Calendar — traditional design tokens.
 * Light yellow paper, maroon accents, navy chrome. Site-wide base.
 */

:root,
body.tdc-ui-clean {
  --dc-paper: #FFF8E7;
  --dc-paper-deep: #F5E6C8;
  --dc-maroon: #7A1E2E;
  --dc-navy: #12355B;
  --dc-ink: #1A1A1A;
  --dc-mute: #5C5346;
  --dc-soft: #7A7162;
  --dc-faint: #9A9080;
  --dc-line: #D4C4A8;
  --dc-wash: #F5E6C8;
  --dc-card: #FFFDF6;
  --dc-burgundy: var(--dc-maroon);
  --dc-burgundy-dark: #611723;
  --dc-good: #0F7B3A;
  --dc-bad: var(--dc-maroon);
  --dc-cream: #FFFDF6;
  --dc-sans: "Roboto", system-ui, -apple-system, sans-serif;
  --dc-display: "Laila", Georgia, "Times New Roman", serif;
  --dc-te: "Noto Sans Telugu", "Roboto", sans-serif;
  --dc-mono: ui-monospace, "SF Mono", Menlo, monospace;
  --dc-max: 920px;
  --dc-pad-x: 40px;
  --dc-section-y: 72px;
  --dc-gap: 28px;
}

@media (max-width: 640px) {
  :root,
  body.tdc-ui-clean {
    --dc-pad-x: 20px;
    --dc-section-y: 48px;
  }
}

/* Remap legacy theme font vars */
body.tdc-ui-clean {
  --font-sans: var(--dc-sans);
  --font-display: var(--dc-sans);
  --font-telugu: var(--dc-te);
  --font-calendar: var(--dc-sans);
  --font-classic-hero: var(--dc-sans);
}

/* Base surface — light yellow paper */
body.tdc-ui-clean,
body.tdc-ui-clean.tdc-ui-vedic,
html.tdc-ui-clean-root body.tdc-ui-clean {
  background: var(--dc-paper) !important;
  color: var(--dc-ink);
  font-family: var(--dc-sans);
  -webkit-font-smoothing: antialiased;
}

/*
 * Bilingual rule
 * EN → Roboto
 * TE → Noto Sans Telugu, weight ≥500, ink (never greyed)
 */
body.tdc-ui-clean .telugu,
body.tdc-ui-clean [lang="te"],
body.tdc-ui-clean .lang-te-only,
body.tdc-ui-clean .lang-te {
  font-family: var(--dc-te) !important;
  font-weight: 500;
  opacity: 1 !important;
}

body.tdc-ui-clean .lang-te-only,
body.tdc-ui-clean .lang-te,
body.tdc-ui-clean h1 .telugu,
body.tdc-ui-clean h2 .telugu,
body.tdc-ui-clean h3 .telugu,
body.tdc-ui-clean .dc-cell__value .telugu,
body.tdc-ui-clean .dc-cell__value [lang="te"],
body.tdc-ui-clean .dc-slip__caption,
body.tdc-ui-clean .dc-slip__weekday .te,
body.tdc-ui-clean .dc-slip__weekday [lang="te"],
body.tdc-ui-clean .festivals-hero__tagline-te,
body.tdc-ui-clean .festivals-hero__lead-te,
body.tdc-ui-clean .festivals-hero__year.telugu {
  color: var(--dc-ink) !important;
  font-weight: 600;
}

body.lang-te.tdc-ui-clean .lang-toggle-zone,
body.tdc-ui-clean.lang-te .lang-toggle-zone {
  font-family: var(--dc-te);
}