/* Xakraf / design system, warm amber on charcoal. */
:root{
  --font-sans:"Nunito",sans-serif;
  --xakraf-bg-gradient:radial-gradient(rgb(60, 49, 34), rgb(33, 33, 33));
  --xakraf-gradient:linear-gradient(135deg,#f2ba49 0%,#e09b13 48%,#b4760c 100%);
  --xakraf-brand-dark:#3c3122;--xakraf-brand-light:#e09b13;
  --xakraf-bg:#212121;--xakraf-accent:#e09b13;--xakraf-deep:#292620;
  --xakraf-card:#a77312;--xakraf-text:#fff7e9;
  --color-fuchsia-200:#fff1c9;--color-fuchsia-400:#f6c568;
  --color-fuchsia-500:#e09b13;--color-fuchsia-600:#bc8010;--color-fuchsia-700:#86600f;
  accent-color:#e09b13;
}
html{color-scheme:dark}
html,body,button,input,select,textarea{font-family:"Nunito",sans-serif!important}
body{background:var(--xakraf-bg-gradient) fixed;color:#fff7e9}
::selection{background:#e09b13;color:#211c15}
.bg-fuchsia-600,.bg-fuchsia-500{background-color:#e09b13;color:#211c15}
.hover\:bg-fuchsia-700:hover{background-color:#f3b83d;color:#211c15}
.text-fuchsia-500,.text-fuchsia-600,.text-fuchsia-400{color:#efbd57}
.border-fuchsia-600{border-color:#e09b13}
a[href],button:not(:disabled),[role="button"],summary,label[for],select{cursor:pointer!important}
button:disabled{cursor:not-allowed}
a[href]:hover,button:not(:disabled):hover{filter:brightness(1.08)}
:focus-visible{outline:2px solid #f7ce7f;outline-offset:3px}