/* =========================================
   Drastal Online - Medieval Fantasy Theme
   Compatible custom theme for Gitea 1.21+
   ========================================= */

gitea-theme-meta-info {
  --theme-display-name: "Drastal Online";
}

:root {
  --is-dark-theme: true;

  --drastal-bg-main: #16110d;
  --drastal-bg-main-2: #1d1712;
  --drastal-surface-0: #211912;
  --drastal-surface-1: #2a2017;
  --drastal-surface-2: #34271c;
  --drastal-surface-3: #3c2d21;

  --drastal-border: #5f4930;
  --drastal-border-soft: rgba(166, 124, 82, 0.18);
  --drastal-border-strong: #b88a54;

  --drastal-text: #e6dcc8;
  --drastal-text-soft: #d4c2a1;
  --drastal-text-muted: #ac9470;

  --drastal-gold: #d9ae68;
  --drastal-gold-2: #ffd48e;
  --drastal-red: #8d2e25;

  --drastal-btn-top: #7a5a32;
  --drastal-btn-bottom: #563f24;
  --drastal-btn-top-hover: #8a683a;
  --drastal-btn-bottom-hover: #63482a;

  --drastal-shadow-sm: 0 4px 12px rgba(0, 0, 0, 0.28);
  --drastal-shadow-md: 0 10px 26px rgba(0, 0, 0, 0.34);
  --drastal-shadow-lg: 0 16px 40px rgba(0, 0, 0, 0.45);
  --drastal-glow: 0 0 10px rgba(255, 212, 142, 0.18);

  --color-primary: #9b7344;
  --color-primary-dark-1: #8a653b;
  --color-primary-dark-2: #775630;
  --color-primary-dark-3: #624525;
  --color-primary-dark-4: #4f361d;
  --color-primary-dark-5: #3f2a16;
  --color-primary-dark-6: #312010;
  --color-primary-dark-7: #26190c;
  --color-primary-light-1: #b88a54;
  --color-primary-light-2: #d6a76b;
  --color-primary-light-3: #e8bc7e;
  --color-primary-light-4: #f4d39d;
  --color-primary-light-5: #f9e2ba;

  --color-body: var(--drastal-bg-main);
  --color-box-body: var(--drastal-surface-1);
  --color-box-body-highlight: var(--drastal-surface-2);
  --color-box-header: #302319;
  --color-box-border: var(--drastal-border);
  --color-box-border-hover: var(--drastal-border-strong);
  --color-nav-bg: #2b2118;
  --color-nav-hover-bg: rgba(255, 212, 142, 0.08);
  --color-nav-text: var(--drastal-text);
  --color-text: var(--drastal-text);
  --color-text-light: var(--drastal-text-soft);
  --color-text-light-1: #cbb796;
  --color-text-light-2: var(--drastal-text-muted);
  --color-text-dark: #fff4dd;
  --color-link: var(--drastal-gold);
  --color-link-hover: var(--drastal-gold-2);
  --color-secondary: #4a3725;
  --color-hover: rgba(255, 212, 142, 0.06);
  --color-active: rgba(255, 212, 142, 0.10);
  --color-menu: var(--drastal-surface-1);
  --color-card: var(--drastal-surface-1);
  --color-markup-table-row: rgba(255, 255, 255, 0.02);
  --color-markup-code-block: #18120e;
  --color-input-background: #19130f;
  --color-input-border: var(--drastal-border);
  --color-input-border-hover: var(--drastal-border-strong);
  --color-header-wrapper: #261c14;
  --color-footer: transparent;
}

html,
body {
  background:
    radial-gradient(circle at top center, rgba(157, 71, 46, 0.16) 0%, rgba(157, 71, 46, 0) 28%),
    radial-gradient(circle at 20% 0%, rgba(255, 210, 127, 0.07) 0%, rgba(255, 210, 127, 0) 24%),
    linear-gradient(180deg, var(--drastal-bg-main-2) 0%, var(--drastal-bg-main) 100%) !important;
  color: var(--drastal-text) !important;
}

body,
.full.height,
.page-content,
.dashboard,
.repository,
.user.profile,
.organization,
.admin,
.explore,
.issue,
.pulls,
.notification,
.feed,
.ui.vertical.menu,
.ui.container {
  color: var(--drastal-text) !important;
}

a {
  color: var(--drastal-gold) !important;
  transition: color .15s ease, text-shadow .15s ease;
}

a:hover,
a:focus {
  color: var(--drastal-gold-2) !important;
  text-shadow: 0 0 6px rgba(255, 212, 142, 0.20);
}

/* =========================
   TOP BAR / HEADER
   ========================= */

.following.bar,
.following.bar #navbar,
.ui.secondary.menu,
.ui.borderless.menu,
.ui.menu.fixed,
.ui.top.menu {
  background:
    linear-gradient(180deg, #3a2b1f 0%, #2c2118 48%, #241a13 100%) !important;
  border-bottom: 1px solid var(--drastal-border-strong) !important;
  box-shadow: var(--drastal-shadow-md) !important;
}

.following.bar .item,
.following.bar .item > span,
.following.bar .ui.dropdown .text,
.following.bar .ui.dropdown > .text,
.following.bar .brand,
.following.bar .item .octicon,
.following.bar .item svg {
  color: var(--drastal-text) !important;
  fill: currentColor !important;
}

.following.bar .item:hover,
.following.bar .item.active,
.following.bar .ui.dropdown.item:hover,
.following.bar .ui.dropdown.active,
.following.bar .ui.dropdown.visible {
  background: rgba(255, 212, 142, 0.08) !important;
  color: var(--drastal-gold-2) !important;
}

/* =========================
   CARDS / PANELS / SEGMENTS
   ========================= */

.ui.segment,
.ui.card,
.ui.cards > .card,
.ui.attached.segment,
.ui.top.attached.segment,
.ui.bottom.attached.segment,
.ui.secondary.segment,
.ui.tab.segment,
.feeds,
.comment,
.timeline-item,
.review-box,
.review-comment,
.branch-list,
.commit-list,
.commit-statuses,
.issue-content,
.repository .ui.segment,
.dashboard .ui.segment,
.user.profile .ui.segment,
.explore .ui.segment,
.admin .ui.segment,
.notification .ui.segment,
.repo-button-row {
  background:
    linear-gradient(180deg, rgba(52, 39, 28, 0.96) 0%, rgba(37, 28, 20, 0.98) 100%) !important;
  border: 1px solid var(--drastal-border) !important;
  border-radius: 12px !important;
  box-shadow: var(--drastal-shadow-sm) !important;
  color: var(--drastal-text) !important;
}

.ui.attached.segment + .ui.attached.segment:not(.top),
.ui.attached.segment + .ui.bottom.attached.segment {
  border-top-color: var(--drastal-border-soft) !important;
}

/* =========================
   BUTTONS
   ========================= */

.ui.button,
button,
.btn,
.ui.basic.button,
.ui.labeled.button > .button,
.ui.icon.button,
.ui.buttons .button,
a.ui.button {
  background: linear-gradient(180deg, var(--drastal-btn-top), var(--drastal-btn-bottom)) !important;
  color: #fff2db !important;
  border: 1px solid var(--drastal-border-strong) !important;
  border-radius: 8px !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.05), var(--drastal-shadow-sm) !important;
}

.ui.button:hover,
button:hover,
.btn:hover,
.ui.basic.button:hover,
.ui.icon.button:hover,
a.ui.button:hover {
  background: linear-gradient(180deg, var(--drastal-btn-top-hover), var(--drastal-btn-bottom-hover)) !important;
  color: #fff7eb !important;
  border-color: var(--drastal-gold-2) !important;
  box-shadow: var(--drastal-shadow-sm), var(--drastal-glow) !important;
}

.ui.primary.button,
.ui.green.button,
button.primary,
button[type="submit"] {
  background: linear-gradient(180deg, #b4864e, #7f5a2f) !important;
}

.ui.red.button,
.ui.negative.button {
  background: linear-gradient(180deg, #8e4438, #6a2d24) !important;
  border-color: #b25b4d !important;
}

/* =========================
   FORMS
   ========================= */

.ui.input input,
.ui.form input:not([type]),
.ui.form input[type="text"],
.ui.form input[type="password"],
.ui.form input[type="email"],
.ui.form input[type="search"],
.ui.form input[type="url"],
.ui.form input[type="number"],
.ui.form textarea,
.ui.form select,
select,
textarea,
input {
  background: #1a1410 !important;
  color: #f0e3cc !important;
  border: 1px solid var(--drastal-border) !important;
  border-radius: 8px !important;
  box-shadow: none !important;
}

.ui.input input:focus,
.ui.form input:focus,
.ui.form textarea:focus,
.ui.form select:focus,
select:focus,
textarea:focus,
input:focus {
  border-color: var(--drastal-border-strong) !important;
  box-shadow: 0 0 0 1px rgba(184, 138, 84, 0.36), 0 0 0 4px rgba(184, 138, 84, 0.10) !important;
}

::placeholder {
  color: #a89271 !important;
  opacity: 1 !important;
}

/* =========================
   LABELS / BADGES
   ========================= */

.ui.label,
.label,
.repository .ui.label,
.issue .ui.label,
.repository .topic,
.repository .ui.list .label {
  background: linear-gradient(180deg, #6a4e31, #4a3522) !important;
  color: #fff0d4 !important;
  border: 1px solid #97704a !important;
  border-radius: 999px !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.04) !important;
}

.ui.basic.label {
  background: #2b2118 !important;
  color: #edd8b7 !important;
  border: 1px solid var(--drastal-border) !important;
}

/* =========================
   TABLES
   ========================= */

.ui.table,
table,
table.ui.table {
  background: linear-gradient(180deg, #2b2118, #241b14) !important;
  color: var(--drastal-text) !important;
  border: 1px solid var(--drastal-border) !important;
  border-radius: 12px !important;
  overflow: hidden !important;
}

.ui.table thead th,
table thead th {
  background: linear-gradient(180deg, #433225, #34271c) !important;
  color: var(--drastal-gold-2) !important;
  border-bottom: 1px solid var(--drastal-border-strong) !important;
}

.ui.table td,
.ui.table th,
table td,
table th {
  border-top: 1px solid rgba(166, 124, 82, 0.18) !important;
  color: var(--drastal-text) !important;
}

.ui.table tbody tr:hover,
table tbody tr:hover {
  background: rgba(255, 212, 142, 0.04) !important;
}

.repository .repo-file-list,
.repository .repo-file-list-top,
.repository .repo-file-list-bottom,
.repository .repo-file-list + .ui.attached.segment {
  background: linear-gradient(180deg, #251c15, #1c1510) !important;
  border: 1px solid var(--drastal-border) !important;
  border-radius: 12px !important;
  box-shadow: var(--drastal-shadow-sm) !important;
  overflow: hidden !important;
}

.repository .repo-file-list-top {
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
  border-bottom: 1px solid var(--drastal-border-strong) !important;
  background: linear-gradient(180deg, #392b20, #2b2018) !important;
}

.repository .repo-file-list {
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
}

.repository .repo-file-list tbody tr,
.repository .repo-file-list .item,
.repository .repo-file-list table tr {
  background: linear-gradient(180deg, rgba(40, 30, 22, 0.97), rgba(29, 22, 17, 0.98)) !important;
  border-bottom: 1px solid rgba(166, 124, 82, 0.20) !important;
}

.repository .repo-file-list tbody tr:hover,
.repository .repo-file-list .item:hover,
.repository .repo-file-list table tr:hover {
  background: linear-gradient(180deg, rgba(57, 43, 32, 0.98), rgba(42, 31, 24, 0.98)) !important;
}

.repository .repo-file-list td {
  padding-top: 12px !important;
  padding-bottom: 12px !important;
  border-top: none !important;
}

.repository .repo-file-list td + td {
  box-shadow: inset 1px 0 0 rgba(184, 138, 84, 0.16);
}

.repository .repo-file-list .name,
.repository .repo-file-list td.name,
.repository .repo-file-list .filename,
.repository .repo-file-list .entry,
.repository .repo-file-list .file {
  font-weight: 600 !important;
}

.repository .repo-file-list .message,
.repository .repo-file-list td.message,
.repository .repo-file-list .desc {
  color: var(--drastal-text-soft) !important;
}

.repository .repo-file-list .age,
.repository .repo-file-list td.age,
.repository .repo-file-list .time,
.repository .repo-file-list .updated {
  color: #eedfca !important;
  white-space: nowrap !important;
}

.repository .repo-file-list svg,
.repository .repo-file-list .svg,
.repository .repo-file-list i.icon,
.repository .repo-file-list .octicon {
  color: var(--drastal-gold) !important;
  fill: currentColor !important;
  stroke: currentColor !important;
  filter: drop-shadow(0 0 4px rgba(255, 212, 142, 0.24));
}

.repository .repo-file-list tbody tr:hover svg,
.repository .repo-file-list tbody tr:hover i.icon,
.repository .repo-file-list tbody tr:hover .octicon {
  color: var(--drastal-gold-2) !important;
}

/* =========================
   README / CODE BLOCKS
   ========================= */

.repository .readme,
.repository .file-view.markdown,
.repository .file-view.code-view,
.repository .markup,
.markdown,
.code-view {
  background: linear-gradient(180deg, #34281d 0%, #2a2018 100%) !important;
  border: 1px solid var(--drastal-border-strong) !important;
  border-radius: 14px !important;
  box-shadow: inset 0 0 24px rgba(0,0,0,0.28), var(--drastal-shadow-md) !important;
  color: #f2e5cf !important;
}

.repository .readme .ui.segment,
.repository .readme .segment {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

.repository .readme,
.repository .markup {
  padding: 20px !important;
  line-height: 1.75 !important;
}

.repository .readme h1,
.repository .readme h2,
.repository .readme h3,
.repository .readme h4,
.repository .markup h1,
.repository .markup h2,
.repository .markup h3,
.repository .markup h4,
.markdown h1,
.markdown h2,
.markdown h3,
.markdown h4 {
  color: #ffd48e !important;
  border-bottom: 1px solid rgba(184, 138, 84, 0.36) !important;
  padding-bottom: 6px !important;
}

.repository .readme code,
.repository .markup code,
.markdown code {
  background: rgba(20, 15, 11, 0.70) !important;
  color: #ffddb1 !important;
  border: 1px solid #705338 !important;
  border-radius: 6px !important;
  padding: 2px 6px !important;
}

.repository .readme pre,
.repository .markup pre,
.markdown pre,
.code-view pre,
.code-view .lines-code,
.code-view .lines-num {
  background: #18120d !important;
  color: #ebddc8 !important;
  border: 1px solid #5f4630 !important;
}

.repository .readme blockquote,
.repository .markup blockquote,
.markdown blockquote {
  border-left: 4px solid var(--drastal-border-strong) !important;
  background: rgba(255, 212, 142, 0.04) !important;
  color: #ebddc8 !important;
  padding: 10px 14px !important;
  border-radius: 0 8px 8px 0 !important;
}

/* =========================
   ALERTS / FLASH / EMPTY STATES
   ========================= */

.ui.message,
.flash-message,
.success.flash,
.warning.flash,
.error.flash,
.info.flash,
.ui.positive.message,
.ui.warning.message,
.ui.negative.message,
.ui.info.message,
.ui.attached.message,
.ui.icon.message {
  border-radius: 12px !important;
  border: 1px solid var(--drastal-border) !important;
  box-shadow: var(--drastal-shadow-sm) !important;
  color: #f5e9d7 !important;
  background: linear-gradient(180deg, #31261d, #261d17) !important;
}

.ui.message .header,
.flash-message .header {
  color: #fff1d6 !important;
}

.ui.positive.message,
.success.flash {
  background: linear-gradient(180deg, #243320, #1d2719) !important;
  border-color: #5a834d !important;
  color: #e0f2d8 !important;
}

.ui.warning.message,
.warning.flash {
  background: linear-gradient(180deg, #3c2a18, #2d2114) !important;
  border-color: #b37c38 !important;
  color: #ffe7ba !important;
}

.ui.negative.message,
.error.flash {
  background: linear-gradient(180deg, #3a1d1a, #2b1614) !important;
  border-color: #ad5a4d !important;
  color: #ffd8d1 !important;
}

.ui.info.message,
.info.flash {
  background: linear-gradient(180deg, #202d36, #18232b) !important;
  border-color: #5a8091 !important;
  color: #d9eef8 !important;
}

/* =========================
   DROPDOWNS / MENUS / POPUPS
   ========================= */

.ui.dropdown .menu,
.ui.floating.dropdown .menu,
.ui.menu .ui.dropdown .menu,
.ui.popup,
.popup,
.tippy-box,
.floating.menu,
.menu.transition.visible,
.transition.visible.menu,
.ui.selection.dropdown .menu,
.ui.visible.dropdown > .menu,
.ui.search.dropdown.active > .menu {
  background: linear-gradient(180deg, #2d2219, #231a14) !important;
  border: 1px solid var(--drastal-border) !important;
  border-radius: 10px !important;
  box-shadow: var(--drastal-shadow-lg) !important;
  backdrop-filter: none !important;
  opacity: 1 !important;
}

.ui.dropdown .menu > .item,
.ui.popup,
.ui.popup .content,
.menu.transition.visible .item,
.ui.selection.dropdown .menu > .item {
  color: #eadcc4 !important;
}

.ui.dropdown .menu > .item:hover,
.menu.transition.visible .item:hover,
.ui.selection.dropdown .menu > .item:hover {
  background: rgba(255, 212, 142, 0.09) !important;
  color: var(--drastal-gold-2) !important;
}

.ui.popup::before {
  background: #2d2219 !important;
  box-shadow: none !important;
}

/* =========================
   TABS / SUB MENUS
   ========================= */

.ui.tabular.menu,
.repository .ui.tabular.menu,
.issue .ui.tabular.menu,
.user.profile .ui.tabular.menu {
  background: transparent !important;
  border-bottom: 1px solid rgba(184, 138, 84, 0.36) !important;
}

.ui.tabular.menu .item,
.repository .ui.tabular.menu .item,
.user.profile .ui.tabular.menu .item {
  background: rgba(43, 33, 24, 0.56) !important;
  color: #e2d1b3 !important;
  border: 1px solid transparent !important;
  border-radius: 10px 10px 0 0 !important;
  margin-right: 4px !important;
}

.ui.tabular.menu .item:hover,
.repository .ui.tabular.menu .item:hover,
.user.profile .ui.tabular.menu .item:hover {
  background: rgba(61, 47, 34, 0.86) !important;
  color: var(--drastal-gold-2) !important;
}

.ui.tabular.menu .active.item,
.repository .ui.tabular.menu .active.item,
.user.profile .ui.tabular.menu .active.item {
  background: linear-gradient(180deg, #3f2f22, #2c2118) !important;
  color: #fff0d2 !important;
  border-color: #896544 !important;
  border-bottom-color: transparent !important;
}

/* =========================
   REPOSITORY SIDEBAR
   ========================= */

.repository .metas,
.repository .extra.content,
.repository .repo-description,
.repository .repo-topic,
.repository .ui.attached.segment .header,
.repository .ui.list > .item,
.repository .ui.relaxed.list > .item,
.repository .ui.divided.list > .item,
.muted,
.text.muted,
.grey.text,
.light.text,
.repository .desc,
.repository .commit-summary,
.repository .ref-name,
.repository .sha.label,
small,
.time,
.sub.header {
  color: var(--drastal-text-soft) !important;
}

.repository .ui.divided.list > .item {
  border-color: rgba(184, 138, 84, 0.16) !important;
  padding-top: 10px !important;
  padding-bottom: 10px !important;
}

/* =========================
   MODALS / DIFFS / TIMELINES
   ========================= */

.ui.modal,
.ui.small.modal,
.ui.large.modal,
.ui.basic.modal {
  background: linear-gradient(180deg, #2b2118, #221913) !important;
  border: 1px solid var(--drastal-border) !important;
  border-radius: 14px !important;
  box-shadow: var(--drastal-shadow-lg) !important;
  color: var(--drastal-text) !important;
}

.ui.modal > .header,
.ui.modal > .content,
.ui.modal > .actions,
.ui.dimmer,
.repository .diff-file-box,
.repository .diff-file-box .file-body,
.repository .diff-file-box .file-header {
  background: transparent !important;
  color: var(--drastal-text) !important;
  border-color: rgba(184,138,84,0.22) !important;
}

/* =========================
   CHECKBOX / PAGINATION / FOOTER
   ========================= */

.ui.checkbox label,
.ui.checkbox + label {
  color: var(--drastal-text) !important;
}

.ui.checkbox input:checked ~ .box:before,
.ui.checkbox input:checked ~ label:before {
  background: #7a5a32 !important;
  border-color: #b88a54 !important;
}

.ui.pagination.menu,
.ui.pagination.menu .item {
  background: linear-gradient(180deg, #302419, #241a13) !important;
  color: var(--drastal-text) !important;
  border-color: var(--drastal-border) !important;
}

.ui.pagination.menu .active.item {
  background: linear-gradient(180deg, #8d673c, #654726) !important;
  color: #fff6e8 !important;
}

footer,
.page-footer,
.ui.footer.segment {
  background: transparent !important;
  color: var(--drastal-text-muted) !important;
  border-top: 1px solid rgba(184,138,84,0.14) !important;
}

/* =========================
   HOMEPAGE / SIGN IN BOXES
   ========================= */

.home .hero,
.page-content.home,
.page-content .hero,
.page-content .ui.stackable.grid,
.page-content .ui.center.stackable.grid,
.page-content .ui.vertical.segment {
  background: transparent !important;
}

.home .ui.card,
.home .ui.segment,
.user.auth .ui.segment,
.user.auth .ui.form,
.page-content .ui.segment,
.page-content .ui.card {
  backdrop-filter: none !important;
}

/* =========================
   SCROLLBAR + DIVIDERS
   ========================= */

::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}

::-webkit-scrollbar-track {
  background: #17110d;
}

::-webkit-scrollbar-thumb {
  background: linear-gradient(180deg, #6c5134, #503a25);
  border-radius: 999px;
  border: 1px solid #7f6140;
}

::-webkit-scrollbar-thumb:hover {
  background: linear-gradient(180deg, #8c6840, #63492e);
}

hr,
.ui.divider,
.divider {
  border: none !important;
  height: 1px !important;
  background: linear-gradient(90deg, transparent, rgba(184, 138, 84, 0.55), transparent) !important;
}

/* =========================
   SAFETY / ANTI TRANSPARENCY
   ========================= */

.dropdown .menu,
.popup,
.ui.popup,
.ui.dropdown.active .menu,
.ui.selection.active.dropdown .menu,
.ui.search.dropdown.active > .menu,
.ui.visible.dropdown > .menu,
.ui.calendar.popup,
.ui.menu .menu,
.ui.dropdown .left.menu,
.ui.dropdown .right.menu {
  opacity: 1 !important;
  background-color: #261d16 !important;
}

/* ===== HOME DRASTAL ===== */

.drastal-home {
    height: 100vh;
    background: url('/public/assets/img/background.png') center/cover no-repeat;
    position: relative;
}

.drastal-overlay {
    position: absolute;
    inset: 0;
    background: rgba(10, 5, 2, 0.75);
    backdrop-filter: blur(3px);
}

.drastal-content {
    position: relative;
    z-index: 2;
    text-align: center;
    top: 50%;
    transform: translateY(-50%);
    color: #e6d3a3;
}

.drastal-logo {
    width: 120px;
    margin-bottom: 20px;
}

.drastal-content h1 {
    font-size: 48px;
    font-weight: bold;
    margin-bottom: 10px;
}

.drastal-content p {
    font-size: 18px;
    opacity: 0.8;
    margin-bottom: 30px;
}

.drastal-buttons .btn {
    margin: 0 10px;
    padding: 10px 25px;
    border-radius: 6px;
}

/* Fix mot de passe oublié */

.ui.form .message {
    margin-top: 15px !important;
    padding: 15px !important;
    border-radius: 6px;
}

.ui.form h4 {
    margin-bottom: 15px !important;
}

/* HOME */
.drastal-home {
    height: 100vh;
    background: radial-gradient(circle at center, #1a120b, #0b0705);
    position: relative;
    overflow: hidden;
}

.drastal-overlay {
    position: absolute;
    inset: 0;
    background: rgba(10, 5, 2, 0.8);
}

#particles {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1;
}

.drastal-content {
    position: relative;
    z-index: 2;
    text-align: center;
    top: 50%;
    transform: translateY(-50%);
    color: #e6d3a3;
}

.drastal-logo {
    width: 120px;
    margin-bottom: 20px;
}

.drastal-content h1 {
    font-size: 48px;
    margin-bottom: 10px;
}

.drastal-buttons .btn {
    margin: 10px;
    padding: 12px 30px;
}

/* Fix forgot password spacing */
.ui.form .message {
    margin-top: 15px !important;
}