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

:root {
  --sovereign-obsidian: #111111;
  --sovereign-midnight: #0d1b2a;
  --sovereign-gold: #d4a64a;
  --sovereign-bronze: #8b6a3e;
  --sovereign-copper: #c56b2c;
  --sovereign-ivory: #f5f1e8;
}

@layer base {
  body {
    @apply bg-sovereign-obsidian text-sovereign-ivory;
  }
  a {
    @apply text-sovereign-gold underline-offset-2 transition-colors hover:text-sovereign-ivory;
  }
}

@layer utilities {
  .text-balance {
    text-wrap: balance;
  }
}
