/*
 * ihasmail palette. Mastodon builds every color from its grey and indigo
 * scales, so remapping those two recolors both the dark and light modes:
 * grey becomes ihasmail's teal-navy, indigo becomes its teal accent.
 * Contrast checked for the pairs Mastodon uses (text 4.5:1).
 */
:root {
  --color-grey-50: #f4f9f9;
  --color-grey-100: #e7f1f2;
  --color-grey-200: #cfe0e3;
  --color-grey-300: #a3c3cb;
  --color-grey-400: #86aab4;
  --color-grey-500: #4f7480;
  --color-grey-600: #3f6673;
  --color-grey-700: #2e5a68;
  --color-grey-800: #21505f;
  --color-grey-900: #12303e;
  --color-grey-950: #0d2430;

  --color-indigo-50: #eaf9f8;
  --color-indigo-100: #d2f3f1;
  --color-indigo-200: #9fe6e2;
  --color-indigo-300: #6fdcd6;
  --color-indigo-400: #46cac3;
  --color-indigo-500: #35ada7;
  --color-indigo-600: #22918b;
  --color-indigo-700: #1b746f;
  --color-indigo-800: #155e5a;
  --color-indigo-900: #11403f;
  --color-indigo-950: #0b2b2e;

  /* ihasmail's orange, used for favorites in dark mode */
  --color-yellow-400: #f9a34b;
}

/* Site logo in place of the Mastodon wordmark */
.column-link--logo {
  display: flex;
  align-items: center;
  gap: 10px;
}
.column-link--logo .logo--wordmark {
  display: none;
}
.column-link--logo::before {
  content: "";
  flex: none;
  width: 32px;
  height: 32px;
  background: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%20512%20512%27%3E%3Crect%20width%3D%27512%27%20height%3D%27512%27%20rx%3D%27104%27%20fill%3D%27%2314171D%27%2F%3E%3Crect%20x%3D%2710%27%20y%3D%2710%27%20width%3D%27492%27%20height%3D%27492%27%20rx%3D%2796%27%20fill%3D%27none%27%20stroke%3D%27%234FA7FF%27%20stroke-opacity%3D%270.18%27%20stroke-width%3D%274%27%2F%3E%3Cpolyline%20points%3D%27172%2C150%20284%2C256%20172%2C362%27%20fill%3D%27none%27%20stroke%3D%27%234FA7FF%27%20stroke-width%3D%2742%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%2F%3E%3Crect%20x%3D%27322%27%20y%3D%27308%27%20width%3D%2792%27%20height%3D%2748%27%20rx%3D%278%27%20fill%3D%27%234FA7FF%27%2F%3E%3C%2Fsvg%3E") center / contain no-repeat;
}
.column-link--logo::after {
  content: "LINUXexpert";
  font-size: 20px;
  font-weight: 700;
  color: var(--color-text-primary);
}