/* Amber Light scheme (Default) */
/* Can be forced with data-theme="light" */
[data-theme="light"],
:root:not([data-theme="dark"]) {
  --primary: #ffb300;
  --primary-hover: #ffa000;
  --primary-focus: rgba(255, 179, 0, 0.125);
  --primary-inverse: rgba(0, 0, 0, 0.75);
}

/* Amber Dark scheme (Auto) */
/* Automatically enabled if user has Dark mode enabled */
@media only screen and (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --primary: #ffb300;
    --primary-hover: #ffc107;
    --primary-focus: rgba(255, 179, 0, 0.25);
    --primary-inverse: rgba(0, 0, 0, 0.75);
  }
}

/* Amber Dark scheme (Forced) */
/* Enabled if forced with data-theme="dark" */
[data-theme="dark"] {
  --primary: #ffb300;
  --primary-hover: #ffc107;
  --primary-focus: rgba(255, 179, 0, 0.25);
  --primary-inverse: rgba(0, 0, 0, 0.75);
}

/* Amber (Common styles) */
:root {
  --border-radius: 0.8rem;
  --form-element-active-border-color: var(--primary);
  --form-element-focus-color: var(--primary-focus);
  --switch-color: var(--primary-inverse);
  --switch-checked-background-color: var(--primary);
}

/* Custom */
a.no-active:active {
  background-color: transparent;
}
.panel {
  background-color: var(--card-background-color);
  padding: calc(var(--block-spacing-vertical) * 2) 0;
}
.panel-center {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.panel-content {
  max-width: 56ch;
}
.header-container {
  padding: var(--block-spacing-vertical)
    calc(var(--block-spacing-horizontal) * 3);
}
@media screen and (max-width: 860px) {
  .header-container {
    padding: var(--block-spacing-vertical) var(--block-spacing-horizontal);
  }
}
article {
  margin: calc(var(--block-spacing-vertical) / 2) 0;
}
.articles-list {
  list-style: none;
  padding: 0;
  margin: 0;
}
.articles-list li {
  margin: 0;
  padding: 0;
}
.article-card {
  text-decoration: none !important;
}
.article-card:active,
.articles-card:hover {
  text-decoration: none !important;
}
.article-header {
  padding-bottom: 1rem;
}
.article-tags {
  padding-bottom: 1rem;
}
.article-tags a {
  margin-right: 1rem;
}
.article-tags a:after,
footer a:after {
  content: " °";
}
.separator {
  max-width: 300px;
  margin: var(--block-spacing-vertical) auto;
}
.avatar {
  max-width: 150px;
}
img {
  border-radius: var(--border-radius);
}

/* Utils */
.flex {
  display: flex;
}
.flex.flex-center {
  align-items: center;
}
.flex.flex-space-between {
  justify-content: space-between;
}
.no-radius {
  border-radius: 0 !important;
}
.text-center {
  text-align: center;
}
.light {
  font-weight: 300;
}
.bold {
  font-weight: 800 !important;
}
.underline {
  text-decoration: underline;
}
.no-underline {
  text-decoration: none;
}
.m-auto {
  margin: auto;
}
.mb-0 {
  margin-bottom: 0 !important;
}
.p-0 {
  padding: 0;
}
.w-full {
  width: 100%;
}
img.rounded {
  border-radius: 100%;
}
ul.no-bullets {
  margin: 0;
  padding: 0;
}
ul.no-bullets li {
  padding: 0;
  margin: 0;
  list-style: none;
}