:root{
  --vaj-ink:#17140F;
  --vaj-ink-soft:#26221A;
  --vaj-bone:#F1E9DA;
  --vaj-bone-dim:#E5DAC4;
  --vaj-teal:#1C6B68;
  --vaj-teal-deep:#123F3D;
  --vaj-clay:#B54F1D;
  --vaj-sand:#CBAE83;
  --vaj-red:#9E2B25;
  --background:38 22% 7%;
  --foreground:39 43% 90%;
  --card:35 18% 12%;
  --card-foreground:39 43% 90%;
  --popover:35 18% 12%;
  --popover-foreground:39 43% 90%;
  --primary:18 73% 41%;
  --primary-foreground:39 43% 90%;
  --secondary:177 58% 26%;
  --secondary-foreground:39 43% 90%;
  --muted:35 15% 18%;
  --muted-foreground:39 20% 68%;
  --accent:177 58% 26%;
  --accent-foreground:39 43% 90%;
  --destructive:4 62% 38%;
  --destructive-foreground:39 43% 90%;
  --border:39 43% 90% / .16;
  --input:39 43% 90% / .18;
  --ring:18 73% 41%;
  --app-font-sans:'Manrope',sans-serif;
}

html,body,#root{min-height:100%;}
body{background:var(--vaj-ink); color:var(--vaj-bone); font-family:'Manrope',sans-serif;}
h1,h2,h3,h4{font-family:'Unbounded',sans-serif; letter-spacing:-.01em;}
button,[role="button"]{font-family:'Manrope',sans-serif;}

/* Keep the operating surface dense enough for daily restaurant work. */
main{background:var(--vaj-ink) !important;}
aside{background:var(--vaj-ink-soft) !important; border-color:rgba(241,233,218,.14) !important;}
aside a{border-radius:4px !important; color:rgba(241,233,218,.66) !important;}
aside a:hover{background:rgba(203,174,131,.10) !important; color:var(--vaj-bone) !important;}
aside a[aria-current="page"], aside a.active{background:var(--vaj-clay) !important; color:var(--vaj-bone) !important;}
aside svg{color:currentColor !important;}

header{background:rgba(23,20,15,.92) !important; border-color:rgba(241,233,218,.14) !important; backdrop-filter:blur(12px);}
header h1{font-family:'Unbounded',sans-serif !important; font-size:clamp(1.15rem,2vw,1.65rem) !important;}

main .rounded-3xl{border-radius:6px !important;}
main .rounded-2xl{border-radius:5px !important;}
main .rounded-xl{border-radius:4px !important;}
main .rounded-lg, main .rounded-md{border-radius:3px !important;}
main .p-8{padding:1.5rem !important;}
main .p-6{padding:1.25rem !important;}
main .p-5{padding:1rem !important;}
main .space-y-6>*+*{margin-top:1.25rem !important;}
main .gap-6{gap:1.25rem !important;}

main [class*="bg-white/"], main [class*="bg-white\\/"]{
  background-color:rgba(241,233,218,.055) !important;
  border-color:rgba(241,233,218,.14) !important;
}
main [class*="border-white/"], main [class*="border-white\\/"]{border-color:rgba(241,233,218,.14) !important;}
main [class*="text-white/"], main [class*="text-white\\/"]{color:rgba(241,233,218,.68) !important;}
main .text-white{color:var(--vaj-bone) !important;}
main .text-primary{color:var(--vaj-clay) !important;}
main .bg-primary{background-color:var(--vaj-clay) !important;}
main .bg-secondary{background-color:var(--vaj-teal) !important;}
main .border-primary{border-color:var(--vaj-clay) !important;}

input,textarea,select,[role="combobox"]{
  background-color:rgba(241,233,218,.07) !important;
  border-color:rgba(241,233,218,.22) !important;
  color:var(--vaj-bone) !important;
  border-radius:3px !important;
}
input::placeholder,textarea::placeholder{color:rgba(241,233,218,.42) !important;}
input:focus,textarea:focus,select:focus,[role="combobox"]:focus{border-color:var(--vaj-clay) !important; box-shadow:0 0 0 2px rgba(181,79,29,.2) !important;}
table th{font-family:'Space Mono',monospace; color:var(--vaj-sand) !important; font-size:.68rem !important; letter-spacing:.06em; text-transform:uppercase;}
table td{border-color:rgba(241,233,218,.10) !important;}

@media (max-width:767px){
  main{padding-bottom:78px !important;}
  main .p-8{padding:1rem !important;}
  main .p-6{padding:.9rem !important;}
  header{min-height:58px !important; padding:10px 14px !important;}
  header h1{font-size:1rem !important;}
  main .grid{gap:.75rem !important;}
  main .text-2xl{font-size:1.1rem !important;}
  main .text-xl{font-size:1rem !important;}
  main .text-lg{font-size:.95rem !important;}
  main .overflow-x-auto{border-radius:4px;}
}