:root {
  --gt-accent-default-1: #60a5fa;
  --gt-accent-default-2: #a78bfa;
}

html.gt-style-crimson {
  --gt-page-bg: radial-gradient(1200px 520px at 12% 0%, rgba(239, 68, 68, 0.14), transparent 58%),
                radial-gradient(900px 440px at 100% 10%, rgba(220, 38, 38, 0.10), transparent 52%),
                linear-gradient(135deg, #070709 0%, #0e0a0b 45%, #14090a 100%);
  --gt-page-text: #fff5f5;
  --gt-pref-accent: linear-gradient(135deg, #ef4444, #dc2626 55%, #f97316 100%);
  --gt-crimson-primary: #ef4444;
  --gt-crimson-secondary: #dc2626;
  --gt-crimson-soft: rgba(239, 68, 68, 0.16);
  --gt-crimson-border: rgba(239, 68, 68, 0.22);
  --gt-crimson-surface: rgba(18, 10, 11, 0.88);
  --gt-crimson-surface-2: rgba(28, 12, 13, 0.88);
  --gt-crimson-shadow: rgba(127, 29, 29, 0.22);
}

html.gt-style-crimson body,
body.gt-style-crimson {
  background: var(--gt-page-bg) !important;
  color: var(--gt-page-text) !important;
}

html.gt-style-crimson body::before,
body.gt-style-crimson::before {
  opacity: 0.34 !important;
  background:
    radial-gradient(circle at 10% 10%, rgba(239,68,68,.16), transparent 22%),
    radial-gradient(circle at 85% 0%, rgba(248,113,113,.10), transparent 24%),
    radial-gradient(circle at 65% 80%, rgba(220,38,38,.08), transparent 26%) !important;
}

html.gt-style-crimson .glass-card,
html.gt-style-crimson .server-card,
html.gt-style-crimson .promo-card,
html.gt-style-crimson .promo-hero,
html.gt-style-crimson .pricing-card,
html.gt-style-crimson .gt-card,
html.gt-style-crimson .gt-panel,
html.gt-style-crimson .modal-content,
html.gt-style-crimson .modal-card,
html.gt-style-crimson .bg-dark-900,
html.gt-style-crimson .bg-dark-800,
html.gt-style-crimson .bg-dark-700,
html.gt-style-crimson .bg-slate-950,
html.gt-style-crimson .bg-slate-900,
html.gt-style-crimson .bg-slate-800,
html.gt-style-crimson .bg-white\/5,
html.gt-style-crimson .bg-white\/10,
html.gt-style-crimson [class*="backdrop-blur"] {
  background: linear-gradient(180deg, rgba(22, 12, 13, 0.92), rgba(12, 8, 9, 0.92)) !important;
  border-color: rgba(239, 68, 68, 0.12) !important;
  box-shadow: 0 24px 60px rgba(0,0,0,.34), 0 0 0 1px rgba(239,68,68,.04) inset !important;
}

html.gt-style-crimson nav.glass-card {
  background: linear-gradient(180deg, rgba(14, 9, 10, 0.94), rgba(10, 7, 8, 0.92)) !important;
  border-color: rgba(239, 68, 68, 0.12) !important;
  box-shadow: 0 14px 36px rgba(0,0,0,.28) !important;
}

html.gt-style-crimson .nav-link::after,
html.gt-style-crimson .gt-pref-switch input:checked + span::before,
html.gt-style-crimson .gt-pref-toggle,
html.gt-style-crimson .gt-pref-badge,
html.gt-style-crimson .promo-dns,
html.gt-style-crimson .text-gradient {
  background: var(--gt-pref-accent) !important;
}

html.gt-style-crimson .promo-dns,
html.gt-style-crimson .text-gradient {
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  color: transparent !important;
}

html.gt-style-crimson .btn-17,
html.gt-style-crimson .promo-btn:not(.ghost),
html.gt-style-crimson .gt-submit,
html.gt-style-crimson .btn-primary,
html.gt-style-crimson .btn-danger,
html.gt-style-crimson button.btn-primary,
html.gt-style-crimson .gt-page-backbar,
html.gt-style-crimson .gt-copy-btn,
html.gt-style-crimson .gt-advanced-pill {
  background: linear-gradient(135deg, #ef4444, #dc2626 60%, #b91c1c) !important;
  border-color: rgba(248, 113, 113, 0.38) !important;
  color: #fff !important;
  box-shadow: 0 16px 34px rgba(127, 29, 29, 0.22) !important;
}

html.gt-style-crimson .promo-btn.ghost,
html.gt-style-crimson .btn-outline-light,
html.gt-style-crimson .btn-outline-secondary,
html.gt-style-crimson .btn-outline-primary {
  background: rgba(239,68,68,.08) !important;
  border-color: rgba(239,68,68,.20) !important;
  color: #ffe5e5 !important;
}

html.gt-style-crimson .btn-17:hover,
html.gt-style-crimson .promo-btn:not(.ghost):hover,
html.gt-style-crimson .gt-submit:hover,
html.gt-style-crimson .btn-primary:hover,
html.gt-style-crimson .btn-danger:hover,
html.gt-style-crimson .gt-page-backbar:hover,
html.gt-style-crimson .gt-copy-btn:hover,
html.gt-style-crimson .gt-advanced-pill:hover {
  filter: brightness(1.06);
  transform: translateY(-1px);
}

html.gt-style-crimson a:not(.btn-17):not(.promo-btn):not(.gt-submit),
html.gt-style-crimson .gt-link,
html.gt-style-crimson .link-danger {
  color: #fca5a5 !important;
}

html.gt-style-crimson a:not(.btn-17):not(.promo-btn):not(.gt-submit):hover,
html.gt-style-crimson .gt-link:hover {
  color: #fecaca !important;
}

html.gt-style-crimson .gt-input-wrap,
html.gt-style-crimson input,
html.gt-style-crimson select,
html.gt-style-crimson textarea,
html.gt-style-crimson .form-control,
html.gt-style-crimson .form-select {
  border-color: rgba(239,68,68,.12) !important;
}

html.gt-style-crimson .gt-input-wrap:focus-within,
html.gt-style-crimson .form-control:focus,
html.gt-style-crimson .form-select:focus,
html.gt-style-crimson input:focus,
html.gt-style-crimson select:focus,
html.gt-style-crimson textarea:focus {
  border-color: rgba(248,113,113,.42) !important;
  box-shadow: 0 0 0 0.25rem rgba(239,68,68,.16) !important;
}

html.gt-style-crimson .table,
html.gt-style-crimson .table > :not(caption) > * > * {
  --bs-table-bg: transparent !important;
  --bs-table-color: #fff5f5 !important;
  --bs-table-border-color: rgba(239, 68, 68, 0.08) !important;
  color: #fff5f5 !important;
}

html.gt-style-crimson .table-hover > tbody > tr:hover > * {
  --bs-table-accent-bg: rgba(239, 68, 68, 0.06) !important;
}

html.gt-style-crimson .badge,
html.gt-style-crimson .rounded-pill.border,
html.gt-style-crimson .gt-notif-pill {
  border-color: rgba(239,68,68,.20) !important;
}

html.gt-style-crimson .alert-primary,
html.gt-style-crimson .alert-info,
html.gt-style-crimson .alert-warning,
html.gt-style-crimson .alert-danger,
html.gt-style-crimson .alert-success {
  background: rgba(23, 12, 13, 0.92) !important;
  color: #fff1f2 !important;
  border-color: rgba(239,68,68,.14) !important;
}

html.gt-style-crimson .text-blue-400,
html.gt-style-crimson .text-indigo-300,
html.gt-style-crimson .text-indigo-400,
html.gt-style-crimson .text-purple-300,
html.gt-style-crimson .text-purple-400,
html.gt-style-crimson .text-cyan-300,
html.gt-style-crimson .text-cyan-400 {
  color: #fca5a5 !important;
}

html.gt-style-crimson .border-indigo-500\/20,
html.gt-style-crimson .border-indigo-500\/30,
html.gt-style-crimson .border-blue-500\/20,
html.gt-style-crimson .border-purple-500\/20,
html.gt-style-crimson .border-slate-800,
html.gt-style-crimson .border-slate-700,
html.gt-style-crimson .border-white\/10 {
  border-color: rgba(239,68,68,.12) !important;
}

html.gt-style-crimson .from-blue-500,
html.gt-style-crimson .from-indigo-500,
html.gt-style-crimson .from-purple-500,
html.gt-style-crimson .from-cyan-500,
html.gt-style-crimson .bg-gradient-to-r,
html.gt-style-crimson .bg-gradient-to-br,
html.gt-style-crimson .bg-gradient-to-b {
  --tw-gradient-from: #ef4444 var(--tw-gradient-from-position) !important;
  --tw-gradient-to: rgb(185 28 28 / 0) var(--tw-gradient-to-position) !important;
  --tw-gradient-stops: var(--tw-gradient-from), #dc2626 var(--tw-gradient-via-position), var(--tw-gradient-to) !important;
}

html.gt-style-crimson .to-purple-600,
html.gt-style-crimson .to-indigo-600,
html.gt-style-crimson .to-blue-600,
html.gt-style-crimson .to-cyan-500 {
  --tw-gradient-to: #991b1b var(--tw-gradient-to-position) !important;
}

html.gt-style-crimson .via-purple-500,
html.gt-style-crimson .via-indigo-500,
html.gt-style-crimson .via-blue-500 {
  --tw-gradient-stops: var(--tw-gradient-from), #dc2626 var(--tw-gradient-via-position), var(--tw-gradient-to) !important;
}

html.gt-style-crimson .gt-notif-count,
html.gt-style-crimson .notification-badge,
html.gt-style-crimson .badge.bg-danger {
  background: #ef4444 !important;
  color: #fff !important;
}

html.gt-style-crimson.gt-theme-light {
  --gt-page-bg: radial-gradient(1100px 480px at 10% 0%, rgba(248, 113, 113, 0.16), transparent 54%),
                linear-gradient(135deg, #fff8f8 0%, #fff1f2 42%, #fff7ed 100%);
  --gt-page-text: #1f1515;
  --gt-pref-bg: rgba(255,255,255,.94);
  --gt-pref-border: rgba(127,29,29,.08);
  --gt-pref-text: #1f1515;
  --gt-pref-muted: rgba(68, 29, 29, .68);
  --gt-pref-accent: linear-gradient(135deg, #ef4444, #dc2626 55%, #f97316 100%);
}

html.gt-style-crimson.gt-theme-light body,
body.gt-theme-light.gt-style-crimson {
  background: var(--gt-page-bg) !important;
  color: var(--gt-page-text) !important;
}

html.gt-style-crimson.gt-theme-light body::before,
body.gt-theme-light.gt-style-crimson::before {
  opacity: .2 !important;
}

html.gt-style-crimson.gt-theme-light .glass-card,
html.gt-style-crimson.gt-theme-light .server-card,
html.gt-style-crimson.gt-theme-light .promo-card,
html.gt-style-crimson.gt-theme-light .promo-hero,
html.gt-style-crimson.gt-theme-light .pricing-card,
html.gt-style-crimson.gt-theme-light .gt-card,
html.gt-style-crimson.gt-theme-light .gt-panel,
html.gt-style-crimson.gt-theme-light .modal-content,
html.gt-style-crimson.gt-theme-light .modal-card,
html.gt-style-crimson.gt-theme-light .bg-dark-900,
html.gt-style-crimson.gt-theme-light .bg-dark-800,
html.gt-style-crimson.gt-theme-light .bg-dark-700,
html.gt-style-crimson.gt-theme-light .bg-slate-950,
html.gt-style-crimson.gt-theme-light .bg-slate-900,
html.gt-style-crimson.gt-theme-light .bg-slate-800,
html.gt-style-crimson.gt-theme-light .bg-white\/5,
html.gt-style-crimson.gt-theme-light .bg-white\/10,
html.gt-style-crimson.gt-theme-light [class*="backdrop-blur"] {
  background: linear-gradient(180deg, rgba(255,255,255,.94), rgba(255,247,247,.94)) !important;
  border-color: rgba(185,28,28,.10) !important;
  box-shadow: 0 20px 44px rgba(127, 29, 29, 0.08), 0 0 0 1px rgba(255,255,255,.38) inset !important;
}

html.gt-style-crimson.gt-theme-light nav.glass-card {
  background: linear-gradient(180deg, rgba(255,255,255,.95), rgba(255,250,250,.94)) !important;
  border-color: rgba(127,29,29,.08) !important;
}

html.gt-style-crimson.gt-theme-light .text-white,
html.gt-style-crimson.gt-theme-light .text-white\/90,
html.gt-style-crimson.gt-theme-light .text-white\/80,
html.gt-style-crimson.gt-theme-light .text-white\/70,
html.gt-style-crimson.gt-theme-light .text-white\/60,
html.gt-style-crimson.gt-theme-light .text-slate-100,
html.gt-style-crimson.gt-theme-light .text-slate-200,
html.gt-style-crimson.gt-theme-light .text-slate-300,
html.gt-style-crimson.gt-theme-light .text-slate-400,
html.gt-style-crimson.gt-theme-light .navbar,
html.gt-style-crimson.gt-theme-light .navbar-brand,
html.gt-style-crimson.gt-theme-light .nav-link,
html.gt-style-crimson.gt-theme-light p,
html.gt-style-crimson.gt-theme-light h1,
html.gt-style-crimson.gt-theme-light h2,
html.gt-style-crimson.gt-theme-light h3,
html.gt-style-crimson.gt-theme-light h4,
html.gt-style-crimson.gt-theme-light h5,
html.gt-style-crimson.gt-theme-light h6,
html.gt-style-crimson.gt-theme-light label,
html.gt-style-crimson.gt-theme-light span,
html.gt-style-crimson.gt-theme-light strong,
html.gt-style-crimson.gt-theme-light td,
html.gt-style-crimson.gt-theme-light th,
html.gt-style-crimson.gt-theme-light li,
html.gt-style-crimson.gt-theme-light a:not(.btn-17):not(.promo-btn):not(.gt-submit) {
  color: #1f1515 !important;
}

html.gt-style-crimson.gt-theme-light .promo-btn.ghost,
html.gt-style-crimson.gt-theme-light .btn-outline-light,
html.gt-style-crimson.gt-theme-light .btn-outline-secondary,
html.gt-style-crimson.gt-theme-light .btn-outline-primary {
  color: #7f1d1d !important;
  background: rgba(239,68,68,.06) !important;
  border-color: rgba(239,68,68,.14) !important;
}

html.gt-style-crimson.gt-theme-light input,
html.gt-style-crimson.gt-theme-light select,
html.gt-style-crimson.gt-theme-light textarea,
html.gt-style-crimson.gt-theme-light .form-control,
html.gt-style-crimson.gt-theme-light .form-select {
  background: rgba(255,255,255,.96) !important;
  color: #1f1515 !important;
  border-color: rgba(127,29,29,.12) !important;
}

html.gt-style-crimson.gt-theme-light input::placeholder,
html.gt-style-crimson.gt-theme-light textarea::placeholder {
  color: rgba(68,29,29,.45) !important;
}

html.gt-style-crimson.gt-theme-light .table,
html.gt-style-crimson.gt-theme-light .table > :not(caption) > * > * {
  --bs-table-color: #1f1515 !important;
  --bs-table-border-color: rgba(127,29,29,.08) !important;
  color: #1f1515 !important;
}

html.gt-style-crimson.gt-theme-light .alert-primary,
html.gt-style-crimson.gt-theme-light .alert-info,
html.gt-style-crimson.gt-theme-light .alert-warning,
html.gt-style-crimson.gt-theme-light .alert-danger,
html.gt-style-crimson.gt-theme-light .alert-success {
  background: rgba(255,255,255,.92) !important;
  color: #1f1515 !important;
  border-color: rgba(127,29,29,.10) !important;
}
