/*
  IRONRAD — PRODUCTION CUSTOMISATION FILE
  ----------------------------------------
  This file loads after style.css. Make simple visual changes here so the
  main layout and responsive behaviour remain untouched.
*/

:root {
  /* Main page colours */
  --paper: #f4f4f1;
  --paper-2: #ecece7;
  --ink: #202426;
  --muted: #687074;
  --line: rgba(32, 36, 38, 0.14);

  /* Accent used for small labels, links, orbit details and controls */
  --accent: #4b6978;
  --accent-dark: #344c58;

  /* Solid Matthew Pillay Atelier panel colour */
  --atelier-solid: #5c6265;

  /* Typography. Update the Google Fonts link in index.html when changing
     to a font that is not already available on the visitor's device. */
  --sans: "IBM Plex Sans", Arial, Helvetica, sans-serif;
  --mono: "IBM Plex Mono", "Courier New", monospace;
}

/* Fixed page background. Replace this declaration with a single colour,
   for example: background: #eeeeea; */
.site-backdrop {
  background:
    radial-gradient(circle at 78% 24%, rgba(75,105,120,.16), transparent 35%),
    radial-gradient(circle at 14% 82%, rgba(255,255,255,.78), transparent 38%),
    linear-gradient(135deg, #f7f7f3 0%, #ecece7 52%, #f5f5f1 100%);
}

/* Final production correction: one solid grey surface with no bleed-through,
   gradient banding, backdrop lines or moving orbit visible in this panel. */
.atelier {
  background: var(--atelier-solid) !important;
  background-image: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

/* Optional easy adjustments for the fixed IR identity background. */
.backdrop-identity { left: 68%; }
.site-backdrop-mark { opacity: .10; }

@media (max-width: 1040px) {
  .backdrop-identity { left: 65%; }
}

@media (max-width: 760px) {
  .backdrop-identity { left: 50%; }
  .site-backdrop-mark { opacity: .095; }
}