/* Upraise branding layer for the self-hosted Warmbly dashboard.
   Loaded after the app stylesheet; unlayered, so it wins over the app's
   @layer theme values. Maintained in /opt/warmbly/branding on the VPS. */

@font-face { font-family: "Gilroy"; src: url(/upraise/fonts/Gilroy-Regular.woff2) format("woff2"); font-weight: 400; font-display: swap; }
@font-face { font-family: "Gilroy"; src: url(/upraise/fonts/Gilroy-Medium.woff2) format("woff2"); font-weight: 500; font-display: swap; }
@font-face { font-family: "Gilroy"; src: url(/upraise/fonts/Gilroy-Bold.woff2) format("woff2"); font-weight: 700; font-display: swap; }
@font-face { font-family: "Gilroy"; src: url(/upraise/fonts/Gilroy-Heavy.woff2) format("woff2"); font-weight: 800; font-display: swap; }

/* Display face only (wordmark, page titles). Interface text stays on Inter,
   which the app is spaced for. */
:root { --font-display: "Gilroy", "Inter Variable", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif; }

/* The mark: paint the Upraise mark over Warmbly's inline SVG logo. */
svg.wb-logo { background: url(/upraise/mark.svg) center / contain no-repeat; }
svg.wb-logo > * { display: none; }

/* Accent: the app's sky/blue ramps become Upraise violet (violet-deep #4f54e3
   at 600) in the light theme. The dark theme keeps its own tuned ramps. */
html:not(.dark) {
  --color-sky-50:  oklch(97.2% .014 277);
  --color-sky-100: oklch(94.4% .03 277);
  --color-sky-200: oklch(89% .06 277);
  --color-sky-300: oklch(81% .105 277);
  --color-sky-400: oklch(70.5% .155 277);
  --color-sky-500: oklch(61.5% .195 276);
  --color-sky-600: oklch(53.6% .215 276);
  --color-sky-700: oklch(47% .2 276);
  --color-sky-800: oklch(40% .17 277);
  --color-sky-900: oklch(33.5% .13 277);
  --color-sky-950: oklch(25% .09 277);
  --color-blue-50:  oklch(97.2% .014 277);
  --color-blue-100: oklch(94.4% .03 277);
  --color-blue-200: oklch(89% .06 277);
  --color-blue-300: oklch(81% .105 277);
  --color-blue-400: oklch(70.5% .155 277);
  --color-blue-500: oklch(61.5% .195 276);
  --color-blue-600: oklch(53.6% .215 276);
  --color-blue-700: oklch(47% .2 276);
  --color-blue-800: oklch(40% .17 277);
  --color-blue-900: oklch(33.5% .13 277);
  --color-blue-950: oklch(25% .09 277);
}

/* Sign-in / setup "sky" panel: Upraise navy ground with a violet glow
   (one gradient per composition), no clouds or sun. */
.sky-base { background-image: radial-gradient(120% 110% at 85% 95%, #4f54e3 0%, #2b2fa6 30%, #0b0d63 58%, #00014b 80%) !important; }
.sky-breathe { background-image: radial-gradient(110% 100% at 85% 95%, rgba(147, 145, 239, .35), rgba(79, 84, 227, .16) 40%, rgba(0, 0, 0, 0) 62%) !important; }
.sun-glow { display: none !important; }
img[src*="/backdrops/cloud"] { display: none !important; }