/* ================================================================
   THE NAME OF THE WEBSITE -- CHANGE IT HERE, AND ONLY HERE.

   Every banner, every heading and the browser tab read these three
   lines.  Copy this site to another domain, change the values below,
   and the whole site is renamed -- no PHP to touch, nothing to hunt
   for in the pages.

   Both the main site and the learning section load this file, so one
   edit covers all of them.
   ================================================================ */

:root {
  /* The website's own name.  Shows in the banner and the browser tab. */
  --site-name: "tutordeingles.com";

  /* The two halves of the top line.  Left is English, right is Spanish. */
  --banner-en: "Learn English";
  --banner-es: "Aprenda Espanol";

  /* The line under the name. */
  --site-tagline-en: "One new word at a time.";
  --site-tagline-es: "Una palabra nueva a la vez.";
}

/* How a page prints one of the strings above:
      <span class="t-site-name"></span>
   The element is empty in the HTML; the text comes from the variable. */
.t-site-name::before   { content: var(--site-name); }
.t-banner-en::before   { content: var(--banner-en); }
.t-banner-es::before   { content: var(--banner-es); }
.t-tagline-en::before  { content: var(--site-tagline-en); }
.t-tagline-es::before  { content: var(--site-tagline-es); }