/* ============================================================================
   Pragathi Vidya Nikethan — THEMES
   ----------------------------------------------------------------------------
   Three complete looks. Switch the whole site by changing one attribute in
   _tools/partials/head.html:

       <html lang="en-IN" data-theme="handloom">     <-- A (in use)
       <html lang="en-IN" data-theme="brand">        <-- D (in use)
       <html lang="en-IN" data-theme="slate">        <-- B
       <html lang="en-IN" data-theme="terracotta">   <-- C

   ...then swap the Google Fonts <link> in the same file to the one listed under
   the chosen theme below, and run  python3 _tools/build.py

   These are colourways for the current layout. The five full design options
   put to the school for approval are kept outside the published folder, in
   ../project-files/themes/ (open its index.html).

   Token roles (the names come from theme A but the roles are the same in all):
     --peacock*  PRIMARY   links, secondary buttons, dark bands, page banners
     --madder*   ACCENT    the main call-to-action button, kickers, stat numbers
     --zari*     HIGHLIGHT stat strip, note boxes, footer headings, the motto
     --zari-lite            the highlight lightened for use ON dark backgrounds
   Every colour pair below has been checked to at least 4.5:1 contrast.
   ========================================================================= */


/* ============================ A · GADWAL HANDLOOM ==========================
   Peacock green, madder red and zari gold on unbleached cotton — the colours
   of a Gadwal saree. Warm, rooted, and unmistakably of this place.
   Fonts: Newsreader + Karla
   <link href="https://fonts.googleapis.com/css2?family=Newsreader:ital,opsz,wght@0,6..72,400;0,6..72,500;0,6..72,600;1,6..72,400&family=Karla:ital,wght@0,400;0,500;0,600;0,700;1,400&family=IBM+Plex+Mono:wght@400;500;600&family=Noto+Serif+Telugu:wght@500;600&display=swap" rel="stylesheet">
   ========================================================================= */
:root,
[data-theme="handloom"]{
  --ground:#F5F3ED; --surface:#FFFFFF; --surface-2:#EDEAE1; --surface-3:#E3DFD3;
  --ink:#1B211D; --ink-2:#4E564F; --ink-3:#636B64;
  --rule:#D8D3C6; --rule-soft:#E7E3D8;

  --peacock:#1E5B4F; --peacock-soft:#E0EBE5; --peacock-deep:#123A32;
  --peacock-hover:#17493F;
  --madder:#8E2436; --madder-soft:#F6E6E7; --madder-hover:#751C2C;
  --zari:#7A5810; --zari-soft:#F5EDD8; --zari-lite:#E9C46A; --zari-ink:#6B4E0E;

  --on-deep:#FBFAF6; --on-deep-2:#CFDCD4; --on-deep-3:#8FA79A;
  --deep-rgb:18,58,50;
  --deep-rule:rgba(226,235,229,.16);

  --shadow-1:0 1px 2px rgba(27,33,29,.06), 0 6px 18px -12px rgba(27,33,29,.30);
  --shadow-2:0 2px 6px rgba(27,33,29,.07), 0 18px 44px -24px rgba(27,33,29,.40);

  --f-display:"Newsreader", Georgia, "Times New Roman", serif;
  --f-body:"Karla", "Helvetica Neue", Arial, sans-serif;
  --f-mono:"IBM Plex Mono", ui-monospace, "SF Mono", Menlo, monospace;
  --f-te:"Noto Serif Telugu", "Newsreader", serif;
  --display-weight:500; --display-tracking:-.015em;
  --radius:10px; --radius-sm:6px;

  --maxw:1120px; --pad:clamp(18px, 4vw, 40px);
}


/* ============================ B · SLATE & MARIGOLD =========================
   Navy-slate and burnt marigold on a cool white. Crisp and institutional —
   the look of a school that is well run and keeps good records.
   Fonts: Archivo + Inter
   <link href="https://fonts.googleapis.com/css2?family=Archivo:wght@500;600;700&family=Inter:wght@400;500;600;700&family=IBM+Plex+Mono:wght@400;500;600&family=Noto+Serif+Telugu:wght@500;600&display=swap" rel="stylesheet">
   ========================================================================= */
[data-theme="slate"]{
  --ground:#F4F6F8; --surface:#FFFFFF; --surface-2:#E9EDF2; --surface-3:#DDE3EA;
  --ink:#16202B; --ink-2:#47535F; --ink-3:#626C77;
  --rule:#D2DAE2; --rule-soft:#E4E9EE;

  --peacock:#24405C; --peacock-soft:#E4EAF2; --peacock-deep:#16283B;
  --peacock-hover:#1C3349;
  --madder:#A9481C; --madder-soft:#FBEADF; --madder-hover:#8C3B16;
  --zari:#7A6216; --zari-soft:#F7F0DC; --zari-lite:#E3BE64; --zari-ink:#63500F;

  --on-deep:#F7FAFC; --on-deep-2:#C6D2DD; --on-deep-3:#8B9AA8;
  --deep-rgb:22,40,59;
  --deep-rule:rgba(230,238,245,.18);

  --shadow-1:0 1px 2px rgba(22,32,43,.06), 0 6px 18px -12px rgba(22,32,43,.32);
  --shadow-2:0 2px 6px rgba(22,32,43,.08), 0 18px 44px -24px rgba(22,32,43,.42);

  --f-display:"Archivo", "Helvetica Neue", Arial, sans-serif;
  --f-body:"Inter", "Helvetica Neue", Arial, sans-serif;
  --f-mono:"IBM Plex Mono", ui-monospace, "SF Mono", Menlo, monospace;
  --f-te:"Noto Serif Telugu", Georgia, serif;
  --display-weight:600; --display-tracking:-.025em;
  --radius:8px; --radius-sm:5px;

  --maxw:1120px; --pad:clamp(18px, 4vw, 40px);
}


/* =========================== C · TERRACOTTA & PALM =========================
   Clay terracotta and palm green on cream. Warm and welcoming — leans
   towards the younger classes and the Play School.
   Fonts: Fraunces + Nunito Sans
   <link href="https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,400;9..144,500;9..144,600&family=Nunito+Sans:wght@400;500;600;700&family=IBM+Plex+Mono:wght@400;500;600&family=Noto+Serif+Telugu:wght@500;600&display=swap" rel="stylesheet">
   ========================================================================= */
[data-theme="terracotta"]{
  --ground:#FBF6EE; --surface:#FFFFFF; --surface-2:#F2EAE0; --surface-3:#E8DDD0;
  --ink:#241B14; --ink-2:#5A4C42; --ink-3:#736459;
  --rule:#DFD2C4; --rule-soft:#EDE3D8;

  --peacock:#8C4322; --peacock-soft:#F8E9E1; --peacock-deep:#4A2415;
  --peacock-hover:#73361B;
  --madder:#2F6B45; --madder-soft:#E3EFE7; --madder-hover:#255637;
  --zari:#7E5A14; --zari-soft:#F8EEDA; --zari-lite:#F0C97A; --zari-ink:#6A4B10;

  --on-deep:#FDF8F2; --on-deep-2:#E0CDBE; --on-deep-3:#B39880;
  --deep-rgb:74,36,21;
  --deep-rule:rgba(250,240,230,.18);

  --shadow-1:0 1px 2px rgba(36,27,20,.06), 0 6px 18px -12px rgba(36,27,20,.30);
  --shadow-2:0 2px 6px rgba(36,27,20,.08), 0 18px 44px -24px rgba(36,27,20,.40);

  --f-display:"Fraunces", Georgia, "Times New Roman", serif;
  --f-body:"Nunito Sans", "Helvetica Neue", Arial, sans-serif;
  --f-mono:"IBM Plex Mono", ui-monospace, "SF Mono", Menlo, monospace;
  --f-te:"Noto Serif Telugu", Georgia, serif;
  --display-weight:500; --display-tracking:-.012em;
  --radius:14px; --radius-sm:8px;

  --maxw:1120px; --pad:clamp(18px, 4vw, 40px);
}

/* ======================= D · SCHOOL BRAND (from the logo) ==================
   Taken directly from the school crest: the royal blue of the rings and
   lettering (#00019B sampled), the red of the stars and "ESTD 1995" (#D60100),
   the azure of the centre medallion, and white. This is the colourway now in
   use on the live site.
   Fonts: Archivo + Inter (unchanged from the approved design)
   <link href="https://fonts.googleapis.com/css2?family=Archivo:wght@400;500;600;700&family=Inter:wght@400;500;600;700&family=IBM+Plex+Mono:wght@400;500;600&family=Noto+Serif+Telugu:wght@500;600&display=swap" rel="stylesheet">
   ========================================================================= */
[data-theme="brand"]{
  --ground:#F4F6FB; --surface:#FFFFFF; --surface-2:#E9EDF8; --surface-3:#DBE2F2;
  --ink:#101426; --ink-2:#434A63; --ink-3:#5D6480;
  --rule:#D3D9E9; --rule-soft:#E5E9F4;

  /* PRIMARY — the crest's royal blue */
  --peacock:#0A18A0; --peacock-soft:#E5E8FA; --peacock-deep:#060F5E;
  --peacock-hover:#08137F;
  /* ACCENT — the crest's red (stars, ESTD 1995) */
  --madder:#C6100F; --madder-soft:#FBE7E6; --madder-hover:#A20C0B;
  /* HIGHLIGHT — the azure of the centre medallion */
  --zari:#0B62A8; --zari-soft:#E6F2FC; --zari-lite:#7FC4F5; --zari-ink:#094E86;

  --on-deep:#F7F9FF; --on-deep-2:#C3C9EC; --on-deep-3:#9098CE;
  --deep-rgb:6,15,94;
  --deep-rule:rgba(230,235,255,.18);

  --shadow-1:0 1px 2px rgba(16,20,38,.06), 0 6px 18px -12px rgba(16,20,38,.32);
  --shadow-2:0 2px 6px rgba(16,20,38,.08), 0 18px 44px -24px rgba(16,20,38,.42);

  --f-display:"Archivo", "Helvetica Neue", Arial, sans-serif;
  --f-body:"Inter", "Helvetica Neue", Arial, sans-serif;
  --f-mono:"IBM Plex Mono", ui-monospace, "SF Mono", Menlo, monospace;
  --f-te:"Noto Serif Telugu", Georgia, serif;
  --display-weight:600; --display-tracking:-.025em;
  --radius:8px; --radius-sm:5px;

  --maxw:1120px; --pad:clamp(18px, 4vw, 40px);
}