/*
 * SPDX-FileCopyrightText: 2026 Redected Project https://redected.org
 *
 * SPDX-License-Identifier: CC-BY-SA-4.0
 */

@font-face {
  font-family: "DM Sans";
  src:
    url("fonts/DM_Sans_Variable.ttf"),
    url("fonts/DM_Sans_Italic_Variable.ttf");
}

@font-face {
  font-family: "Fira Code";
  src: url("fonts/Fira_Code_Variable.woff2");
}

html {
  color-scheme: light dark;
  background: light-dark(var(--ctp-latte-base), var(--ctp-macchiato-base));
  color: light-dark(var(--ctp-latte-text), var(--ctp-macchiato-text));

  font-family: "DM Sans";
}

.home-link {
  font-weight: 1000;
  font-size: xx-large;
  display: block;
  margin: 0.67em 0;
  color: light-dark(var(--ctp-latte-text), var(--ctp-macchiato-text));
}

h1 {
  font-weight: 1000;
}

h2 {
  font-weight: 800;
}

body {
  max-width: min(800px, 90%);
  margin: auto;
}

img {
  max-width: 100%;
  margin: 5px;
  border-radius: 10px;
}

/* Change how code blocks are displayed. Slightly hacky. */
pre.giallo {
  border: 1px solid light-dark(var(--ctp-latte-text), var(--ctp-macchiato-text));
  border-radius: 10px;
  background: light-dark(var(--ctp-latte-crust), var(--ctp-macchiato-crust));
  padding: 10px;

  overflow: scroll;

  code {
    font-family: "Fira Code";
  }
}

.gallery {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 5px;

  /* remove empty bottom of links */
  a {
    display: flex;
  }
}

table {
  border-collapse: collapse;
}

table td {
  border: 1px solid light-dark(var(--ctp-latte-text), var(--ctp-macchiato-text));
  padding: 4px 8px;
}