@import url("theme-forgejo-dark.css");

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

  --steel-900: #0c0a14;
  --steel-800: #100d1a;
  --steel-750: #14111f;
  --steel-700: #191527;
  --steel-650: #1f1a30;
  --steel-600: #2a2440;
  --steel-550: #37304f;
  --steel-500: #4a4266;
  --steel-150: #d8d3e6;
  --steel-100: #ebe8f3;

  --color-primary: #ff9500;
  --color-primary-contrast: #1a1a1a;
  --color-primary-dark-1: #ffa726;
  --color-primary-dark-2: #ffb74d;
  --color-primary-dark-3: #ffcc00;
  --color-primary-dark-4: #ffd54f;
  --color-primary-dark-5: #ffe082;
  --color-primary-dark-6: #ffecb3;
  --color-primary-dark-7: #fff8e1;
  --color-primary-light-1: #f28500;
  --color-primary-light-2: #e07800;
  --color-primary-light-3: #c76a00;
  --color-primary-light-4: #a85900;
  --color-primary-light-5: #8f4b00;
  --color-primary-light-6: #703b00;
  --color-primary-light-7: #522b00;
  --color-primary-alpha-10: #ff950019;
  --color-primary-alpha-20: #ff950033;
  --color-primary-alpha-30: #ff95004b;
  --color-primary-alpha-40: #ff950066;
  --color-primary-alpha-50: #ff950080;
  --color-primary-alpha-60: #ff950099;
  --color-primary-alpha-70: #ff9500b3;
  --color-primary-alpha-80: #ff9500cc;
  --color-primary-alpha-90: #ff9500e1;

  --color-body: var(--steel-800);
  --color-nav-bg: var(--steel-900);
  --color-box-body: var(--steel-750);
  --color-box-header: var(--steel-700);
  --color-secondary-bg: var(--steel-700);
  --color-input-background: var(--steel-650);
  --color-input-border: var(--steel-550);
  --color-light-border: #ffffff1f;
  --color-accent: #e052a0;
  --color-console-bg: #14111f;
  --color-markup-code-block: var(--steel-900);
}

.ui.primary.button,
.ui.primary.buttons .button {
  background-image: linear-gradient(135deg, #ff9500, #ffcc00);
  color: #1a1a1a;
  border-radius: 999px;
}

.ui.primary.button:hover,
.ui.primary.buttons .button:hover {
  background-image: linear-gradient(135deg, #ffa726, #ffd54f);
  color: #1a1a1a;
}

.ui.input input:focus,
.ui.form input:focus,
.ui.form textarea:focus {
  border-color: #e052a0;
  box-shadow: 0 0 0 3px #e052a040;
}

body {
  background:
    radial-gradient(60vw 50vh at -10% -10%, #ff950022, transparent 60%),
    radial-gradient(50vw 40vh at 110% 0%, #00b4d81a, transparent 60%),
    radial-gradient(60vw 40vh at 50% 120%, #e052a014, transparent 60%),
    var(--color-body);
}