/*
 * design-glass.css — design C · זכוכית (`tally:designs`, 2026-10-23, Almon).
 *
 * The app's own look (tokens.css, styles.css, dark.css), with the touches the
 * C mock-up added: soft blue / violet / peach light behind the page, the
 * selected filter in the accent gradient, and the big figures in Rubik.
 * Applies whenever the design is not "etched" (the default).
 */

html:not([data-design="etched"]) body {
  background:
    radial-gradient(60% 38% at 100% 0%, rgba(79, 126, 242, 0.13), rgba(79, 126, 242, 0) 70%),
    radial-gradient(50% 32% at 0% 42%, rgba(138, 111, 240, 0.11), rgba(138, 111, 240, 0) 70%),
    radial-gradient(60% 36% at 90% 100%, rgba(255, 170, 120, 0.09), rgba(255, 170, 120, 0) 70%),
    linear-gradient(180deg, #eef2fa 0%, #f3f1fa 100%) fixed;
}
html[data-mode="dark"]:not([data-design="etched"]) body {
  background:
    radial-gradient(60% 38% at 100% 0%, rgba(111, 149, 255, 0.10), rgba(111, 149, 255, 0) 70%),
    radial-gradient(50% 32% at 0% 42%, rgba(154, 130, 255, 0.08), rgba(154, 130, 255, 0) 70%),
    linear-gradient(180deg, #0e1119 0%, #131320 100%) fixed;
}

html:not([data-design="etched"]) .status-filter__chip.is-selected {
  background: linear-gradient(135deg, var(--accent), var(--accent-2));
  border-color: transparent;
  box-shadow: 0 8px 16px -8px rgba(110, 100, 240, 0.6);
}

html:not([data-design="etched"]) [class*="figure-value"],
html:not([data-design="etched"]) .card-figure__value {
  font-family: "Rubik", "Heebo", system-ui, sans-serif;
  font-weight: 600;
}