/* Vekesthetics web brand (19 Oct 2026, Vignesh: "i want branding and consistency everywhere so don't use
   different fonts or colors make all uniform"). Taken from the calculator app (src/prototype.css), which is
   the reference. Every web page (vekesthetics.app static pages, coach.vekesthetics.app) uses ONLY these
   fonts and colours. Spec: docs/BRAND-WEB.md. Do not add other fonts or colours. */

@font-face { font-family:"Roboto Condensed"; font-style:normal; font-weight:500; font-display:swap;
  src:url(/brand/fonts/roboto-condensed-latin-500-normal.woff2) format("woff2"); }
@font-face { font-family:"Roboto Condensed"; font-style:normal; font-weight:700; font-display:swap;
  src:url(/brand/fonts/roboto-condensed-latin-700-normal.woff2) format("woff2"); }
@font-face { font-family:"Roboto Condensed"; font-style:italic; font-weight:900; font-display:swap;
  src:url(/brand/fonts/roboto-condensed-latin-900-italic.woff2) format("woff2"); }
@font-face { font-family:"Noto Sans Tamil"; font-style:normal; font-weight:500; font-display:swap;
  src:url(/brand/fonts/noto-sans-tamil-tamil-500-normal.woff2) format("woff2"); }
@font-face { font-family:"Noto Sans Tamil"; font-style:normal; font-weight:700; font-display:swap;
  src:url(/brand/fonts/noto-sans-tamil-tamil-700-normal.woff2) format("woff2"); }
@font-face { font-family:"Noto Sans Tamil"; font-style:normal; font-weight:800; font-display:swap;
  src:url(/brand/fonts/noto-sans-tamil-tamil-800-normal.woff2) format("woff2"); }
@font-face { font-family:"Noto Sans Devanagari"; font-style:normal; font-weight:500; font-display:swap;
  src:url(/brand/fonts/noto-sans-devanagari-devanagari-500-normal.woff2) format("woff2"); }
@font-face { font-family:"Noto Sans Devanagari"; font-style:normal; font-weight:700; font-display:swap;
  src:url(/brand/fonts/noto-sans-devanagari-devanagari-700-normal.woff2) format("woff2"); }

:root {
  /* the app's six brand colours */
  --brand-blue: #3a9be8;      /* page background */
  --brand-blue-dark: #167fd3; /* links on white, secondary buttons */
  --brand-navy: #000a34;      /* text on white, cards' ink */
  --brand-yellow: #ffd426;    /* main buttons, labels, highlights */
  --brand-pink: #ff74ad;      /* the shorts pink: small accents only */
  --brand-white: #ffffff;     /* cards, text on blue */
  /* tints of the same colours (not new colours) */
  --brand-blue-tint: #e6f2fc; /* table headers, Tamil boxes */
  --brand-navy-soft: rgba(0, 10, 52, 0.7); /* small print on white */
  --brand-line: rgba(0, 10, 52, 0.12);     /* table lines */
  --font-body: "Roboto Condensed", "Noto Sans Tamil", "Noto Sans Devanagari", "Arial Narrow", sans-serif;
  --font-ta: "Noto Sans Tamil", "Roboto Condensed", sans-serif;
}

html { -webkit-text-size-adjust: 100%; }
body { margin:0; background:var(--brand-blue); color:var(--brand-white); font:500 17px/1.55 var(--font-body); }
:lang(ta) { font-family: var(--font-ta); }
h1, h2, h3, .brand-display { font-family:"Roboto Condensed", var(--font-ta), sans-serif; font-weight:900; font-style:italic; letter-spacing:-0.01em; }
h1:lang(ta), h2:lang(ta) { font-family:var(--font-ta); font-style:normal; font-weight:800; }
a { color: var(--brand-blue-dark); }
strong, b { font-weight:700; }