/* AnuraCode intranet theme — same palette and fonts as https://anuracode.com
   (AnuracodeWebsites/sites/anuracode/src/styles/global.css). Loaded after the portal's main.css,
   so it only needs to redefine variables. Files referenced here are served from this folder
   by `GET /branding/files/<name>`. */

@font-face { font-family: "Source Sans 3"; font-weight: 400; font-display: swap; src: url("/branding/files/source-sans-3-latin-400-normal.woff2") format("woff2"); }
@font-face { font-family: "Source Sans 3"; font-weight: 600; font-display: swap; src: url("/branding/files/source-sans-3-latin-600-normal.woff2") format("woff2"); }
@font-face { font-family: "Source Sans 3"; font-weight: 700; font-display: swap; src: url("/branding/files/source-sans-3-latin-700-normal.woff2") format("woff2"); }
@font-face { font-family: "Source Serif 4"; font-weight: 400; font-display: swap; src: url("/branding/files/source-serif-4-latin-400-normal.woff2") format("woff2"); }
@font-face { font-family: "Source Serif 4"; font-weight: 600; font-display: swap; src: url("/branding/files/source-serif-4-latin-600-normal.woff2") format("woff2"); }

/* Three blocks, same as assets/main.css: light, dark when Auto + system dark, and forced dark. */
.page {
  --bg: #f7f5f0;                 /* --ac-paper */
  --bg-image:
    radial-gradient(ellipse 120% 80% at 10% -20%, rgba(135, 196, 44, 0.18), transparent 55%),
    radial-gradient(ellipse 90% 60% at 100% 0%, rgba(217, 38, 28, 0.1), transparent 50%);
  --surface: #ffffff;            /* --ac-surface */
  --text: #1a1f16;               /* --ac-ink */
  --muted: #5c6358;              /* --ac-muted */
  --border: #d8ddd2;             /* --ac-line */
  --heading: #2c6e0c;            /* --ac-green */
  --link: #d9261c;               /* --ac-red */
  --accent: #87c42c;             /* --ac-green-bright, like .btn-primary */
  --accent-text: #1a1f16;
  --danger: #d9261c;
  --radius: 0.5rem;
  --button-radius: 0.25rem;
  --font: "Source Sans 3", "Segoe UI", sans-serif;
  --font-display: "Source Serif 4", Georgia, serif;
}

@media (prefers-color-scheme: dark) {
  .page:not([data-theme="light"]) {
    --bg: #121510;
    --bg-image:
      radial-gradient(ellipse 120% 80% at 10% -20%, rgba(135, 196, 44, 0.12), transparent 55%),
      radial-gradient(ellipse 90% 60% at 100% 0%, rgba(255, 107, 92, 0.08), transparent 50%);
    --surface: #1c2118;
    --text: #eef2e8;
    --muted: #b3bba8;
    --border: #2f382b;
    --heading: #9ad45a;
    --link: #ff6b5c;
    --accent: #87c42c;
    --accent-text: #1a1f16;
    --danger: #ff6b5c;
    color-scheme: dark;
  }
}

.page[data-theme="dark"] {
  --bg: #121510;
  --bg-image:
    radial-gradient(ellipse 120% 80% at 10% -20%, rgba(135, 196, 44, 0.12), transparent 55%),
    radial-gradient(ellipse 90% 60% at 100% 0%, rgba(255, 107, 92, 0.08), transparent 50%);
  --surface: #1c2118;
  --text: #eef2e8;
  --muted: #b3bba8;
  --border: #2f382b;
  --heading: #9ad45a;
  --link: #ff6b5c;
  --accent: #87c42c;
  --accent-text: #1a1f16;
  --danger: #ff6b5c;
  color-scheme: dark;
}

/* The frog logo is a framed square; give it a little more room. */
.logo { width: 52px; height: 52px; border-radius: 8px; }