@tailwind base;
@tailwind components;
@tailwind utilities;

:root {
  --bordeaux-deep: #4A0E1F;
  --bordeaux-ink: #2B0810;
  --ivory: #F7F2E8;
  --ivory-warm: #EFE7D6;
  --gold: #B08D57;
  --gold-pale: #D4B98C;
  --charcoal: #1C1A17;
  --sage: #6B7F5C;
  --rust: #A0421C;
  --parchment: #E8DFC8;
  --smoke: #8A8278;
}

* {
  box-sizing: border-box;
}

html {
  min-height: 100%;
  background: var(--ivory);
}

body {
  min-height: 100%;
  margin: 0;
  background: var(--ivory);
  color: var(--bordeaux-ink);
  font-feature-settings: "liga" 1, "calt" 1;
}

button,
input,
select,
textarea {
  font: inherit;
}

::selection {
  background: rgba(176, 141, 87, 0.35);
}

.font-tabular {
  font-variant-numeric: tabular-nums;
}

.text-balance {
  text-wrap: balance;
}

.scrollbar-thin {
  scrollbar-width: thin;
  scrollbar-color: rgba(176, 141, 87, 0.5) transparent;
}

.paper-edge {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.35),
    0 18px 42px rgba(43, 8, 16, 0.06);
}

@media print {
  .print-hidden {
    display: none !important;
  }

  body {
    background: white;
  }
}