/* ===== GLASS — a skin over Shadow (delivered 2026-09-13 as "Chancrro", renamed and recoloured 2026-09-14) =====
   Obsidian glass and sky blue. Shadow's ground with translucent surfaces and rounder corners,
   and the blood-red accent replaced by a bright sky blue — every fill, border, glow and link
   that reads --gold turns blue with it; the danger colours stay red, because they mean danger.
   A skin over dark, like Gilded: it inherits Shadow's tokens and every dark fix, and only says
   what differs. Its natural surface is the Frosted layout (layout-frosted.css) — the registry
   in js/themes.js says so (`layout: 'frosted'`), and "Match theme" in Appearance follows it.
   Loaded from index.html after styles.css; see public/themes/README.md. */
[data-theme="dark"][data-skin="glass"] {
    /* Surfaces: translucent, so the artwork shows through the frosted panels. The big ones are
       colour × alpha (OVERLAY OPACITY, royal.css) so Appearance can make them more solid;
       these are the theme's own defaults. --bg-panel, for the small things, stays as delivered. */
    --bg-panel: rgba(16, 16, 18, 0.6);
    --card-color: #101012;  --op-panel: 60%;
    --float-color: #101012; --op-float: 70%;
    --nav-color: #0c0c0e;   --op-nav: 60%;
    --panel-border: rgba(255, 255, 255, 0.11);
    --bg-alt: rgba(255, 255, 255, 0.05);
    --bg-input: rgba(255, 255, 255, 0.05);
    --border: rgba(255, 255, 255, 0.12);
    --shadow-card: 0 12px 40px rgba(0, 0, 0, 0.5);
    --r-sm: 10px; --r-md: 14px; --r-lg: 20px; --r-btn: 10px; --r-panel: 16px; --r-field: 10px;
    /* A thinner wash than Shadow's, so the artwork shows through the glass. */
    --paper-centre: 0.55; --paper-mid: 0.70;

    /* The accent: sky blue in place of blood red. Fill and text are separate tokens for the
       same reason as everywhere else — a fill only has to be seen, text has to be READ.
       --gold-text #7dd3fc measures ~10.9:1 on --bg-alt (the lightest surface it sits on);
       --on-gold is dark ink, because white on #38bdf8 is 2.1:1 and this navy is ~8:1. */
    --gold: #38bdf8;
    --gold-text: #7dd3fc;
    --gold-light: rgba(56, 189, 248, 0.14);
    --border-gold: rgba(56, 189, 248, 0.45);
    --on-gold: #062033;
    --shadow-hover: 0 8px 30px rgba(56, 189, 248, 0.25);
}