/* THE GROVE'S LOOKS — one file every page of the Grove takes its look from (Peter, 2026-10-16: "how can we change all the
   pages of the Grove with a style at once and set different styles?" · "go"). A look is a set of a few things: the ground
   behind everything and the veil over it, the glass the words sit on, the gold, the ink, the lettering, how round things
   are. Each app paints with these and nothing of its own, so changing a look here changes every page; adding a look is
   one more set below. The look is chosen once (look.js) and kept with the person. Art Dawg and Build Dawg keep their own.

   Served at /grove/look.css; the chosen look is <html data-look="…">, Mythica when none is chosen. */

:root, html[data-look="mythica"] {
  /* MYTHICA — Into the Mythica as its members see it (Peter, 2026-10-16, a picture of the signed-in site: "the teal, the
     more glass kind of rounded corners. That's that version"): the synchronicity painting, deep teal-grey glass, soft
     mint-teal titles and edges, white words, rounder corners; gold only in the small touches */
  --gl-scheme: dark;
  --gl-ground: url("https://intothemythica.com/wp-content/uploads/2021/09/POQ-synchronicity-1-akasha-blend-2.jpg");
  /* a dusk over the painting, so the glass stands forward of it (Peter, 2026-10-16: "a bit darker to allow the panels to pop") */
  --gl-veil: radial-gradient(1200px 800px at 50% 30%, rgba(6, 10, 14, 0.38), rgba(6, 10, 14, 0.62) 75%), linear-gradient(180deg, rgba(6, 10, 14, 0.2), rgba(6, 10, 14, 0.5));
  --gl-night: #0c1418;
  --gl-panel: #161e22;
  --gl-glass: rgba(20, 28, 32, 0.8);
  --gl-glass-strong: rgba(14, 22, 26, 0.9);
  --gl-blur: blur(16px) saturate(1.1);
  --gl-line: rgba(196, 232, 226, 0.16);
  --gl-gold: #b4dcd4;
  --gl-gold-soft: #cfeae4;
  --gl-ink: #ffffff;
  --gl-ink-dim: #a9bcc2;
  --gl-ink-faint: #8a9ea5;
  --gl-shadow: 0 18px 50px rgba(0, 0, 0, 0.45), inset 0 1px 0 rgba(255, 255, 255, 0.05);
  --gl-serif: "Cormorant Garamond", Georgia, serif;
  --gl-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, system-ui, sans-serif;
  --gl-radius: 20px;
}

html[data-look="akashic"] {
  /* AKASHIC — the gold and purple: the synchronicity painting, deep blue glass at half, a gold hairline (Haven as visitors
     see it on Into the Mythica) — its own look (Peter, 2026-10-16: "the other kind of gold and purple akashic version is
     its own thing") */
  --gl-scheme: dark;
  --gl-ground: url("https://intothemythica.com/wp-content/uploads/2021/09/POQ-synchronicity-1-akasha-blend-2.jpg");
  --gl-veil: none;
  --gl-night: #0a0d1c;
  --gl-panel: #0e1328;
  --gl-glass: rgba(12, 15, 34, 0.52);
  --gl-glass-strong: rgba(10, 13, 28, 0.78);
  --gl-blur: blur(12px) saturate(1.12);
  --gl-line: rgba(232, 196, 122, 0.28);
  --gl-gold: #e8c47a;
  --gl-gold-soft: #f4dca4;
  --gl-ink: #eef2ff;
  --gl-ink-dim: #c3c9e2;
  --gl-ink-faint: #a9b4d6;
  --gl-shadow: 0 18px 50px rgba(0, 0, 0, 0.38), inset 0 1px 0 rgba(255, 255, 255, 0.07);
  --gl-serif: "Cormorant Garamond", Georgia, serif;
  --gl-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, system-ui, sans-serif;
  --gl-radius: 16px;
}

html[data-look="night"] {
  /* NIGHT GROVE — the Aethersphere under a deep veil, glass a little darker, the Grove's first night */
  --gl-scheme: dark;
  --gl-ground: url("https://intothemythica.com/wp-content/uploads/2021/09/Mythipedia-Aethersphere-1.jpg");
  --gl-veil: radial-gradient(1100px 700px at 50% 0%, rgba(10, 13, 28, 0.15), rgba(10, 13, 28, 0.55) 70%),
    linear-gradient(180deg, rgba(10, 13, 28, 0.25) 0%, rgba(10, 13, 28, 0.55) 55%, rgba(26, 20, 14, 0.85) 100%);
  --gl-night: #04060c;
  --gl-panel: #0b1020;
  --gl-glass: rgba(14, 18, 38, 0.62);
  --gl-glass-strong: rgba(8, 11, 24, 0.82);
  --gl-blur: blur(14px);
  --gl-line: rgba(232, 196, 122, 0.3);
  --gl-gold: #e8c47a;
  --gl-gold-soft: #f0d493;
  --gl-ink: #e6ecff;
  --gl-ink-dim: #9fb3e6;
  --gl-ink-faint: #7c88b4;
  --gl-shadow: 0 14px 40px rgba(0, 0, 0, 0.45);
  --gl-serif: "Cormorant Garamond", Georgia, serif;
  --gl-sans: "Jost", system-ui, sans-serif;
  --gl-radius: 16px;
}

html[data-look="temple"] {
  /* MARBLE TEMPLE — daylight: veined marble, moss and sage, bronze gold, sunlight through an old grove */
  --gl-scheme: light;
  --gl-ground: url("/ergos/ground-temple.jpg");
  --gl-veil: linear-gradient(180deg, rgba(250, 247, 240, 0.35), rgba(250, 247, 240, 0.55));
  --gl-night: #f3efe6;
  --gl-panel: #faf7f0;
  --gl-glass: rgba(250, 247, 240, 0.78);
  --gl-glass-strong: rgba(250, 247, 240, 0.92);
  --gl-blur: blur(12px) saturate(1.05);
  --gl-line: rgba(154, 115, 48, 0.32);
  --gl-gold: #9a7330;
  --gl-gold-soft: #b8893a;
  --gl-ink: #273123;
  --gl-ink-dim: #4f5d47;
  --gl-ink-faint: #7f8874;
  --gl-shadow: 0 14px 40px rgba(60, 48, 30, 0.18), inset 0 1px 0 rgba(255, 255, 255, 0.6);
  --gl-serif: "Cormorant Garamond", Georgia, serif;
  --gl-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, system-ui, sans-serif;
  --gl-radius: 16px;
}

html[data-look="website"] {
  /* THE WEBSITE — intothemythica.com as Peter built it (Peter, 2026-11-07: "let's go with the wordpress look for now, and
     consider the other looks within that"): charcoal ground, dark panels without glass, plain white Poppins, square-ish
     edges; the forest path beneath, unveiled; the soft blue-grey of its text bands for the lines */
  --gl-scheme: dark;
  --gl-ground: url("https://intothemythica.com/wp-content/uploads/2026/06/Background-Trees-Grass-Subdued.jpg");
  --gl-veil: linear-gradient(180deg, rgba(20, 20, 22, 0.55), rgba(20, 20, 22, 0.8));
  --gl-night: #141416;
  --gl-panel: #1c1d20;
  --gl-glass: rgba(18, 18, 22, 0.78);
  --gl-glass-strong: rgba(18, 18, 22, 0.92);
  --gl-blur: none;
  --gl-line: rgba(255, 255, 255, 0.12);
  --gl-gold: #c9cfe6;
  --gl-gold-soft: #e4e8f5;
  --gl-ink: #ffffff;
  --gl-ink-dim: #b9bcc6;
  --gl-ink-faint: #8b8f9a;
  --gl-shadow: 0 10px 30px rgba(0, 0, 0, 0.5);
  --gl-serif: "Poppins", -apple-system, "Segoe UI", Roboto, sans-serif;
  --gl-sans: "Poppins", -apple-system, "Segoe UI", Roboto, sans-serif;
  --gl-radius: 6px;
}