[data-theme="pixelclaw"] {
  color-scheme: light;

  /* daisyUI v5 tokens */
  --color-base-100: #ffffff;
  --color-base-200: #f3f5ff;
  --color-base-300: #e6ebff;
  --color-base-content: #050a30;
  --color-primary: #050a30;
  --color-primary-content: #ffffff;
  --color-secondary: #1a225e;
  --color-secondary-content: #ffffff;
  --color-accent: #2f3aa1;
  --color-accent-content: #ffffff;
  --color-neutral: #050a30;
  --color-neutral-content: #ffffff;
  --color-info: #2f6be6;
  --color-info-content: #ffffff;
  --color-success: #198754;
  --color-success-content: #ffffff;
  --color-warning: #d17b00;
  --color-warning-content: #ffffff;
  --color-error: #c92a2a;
  --color-error-content: #ffffff;
  --radius-selector: 0.2rem;
  --radius-field: 0.2rem;
  --radius-box: 0.3rem;
  --size-selector: 0.25rem;
  --size-field: 0.25rem;
  --border: 1px;
  --depth: 0;
  --noise: 0;

  /* daisyUI v4 compatibility tokens */
  --p: 238 81% 10%;
  --pc: 0 0% 100%;
  --s: 233 56% 24%;
  --sc: 0 0% 100%;
  --a: 234 54% 41%;
  --ac: 0 0% 100%;
  --n: 238 81% 10%;
  --nc: 0 0% 100%;
  --b1: 0 0% 100%;
  --b2: 225 100% 98%;
  --b3: 223 100% 95%;
  --bc: 238 81% 10%;
  --in: 218 79% 54%;
  --su: 145 69% 32%;
  --wa: 35 100% 41%;
  --er: 0 66% 48%;
  --rounded-box: 0.3rem;
  --rounded-btn: 0.2rem;
  --rounded-badge: 0.2rem;
}

html,
body {
  font-family: "Press Start 2P", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  line-height: 1.7;
}

body {
  letter-spacing: 0.01em;
  font-size: 13px;
}

.hero-bg {
  background-image:
    linear-gradient(to bottom, rgba(255, 255, 255, 0.58) 0%, rgba(255, 255, 255, 0.82) 45%, rgba(255, 255, 255, 0.96) 75%, rgba(255, 255, 255, 1) 100%),
    url("/static/hero-bg.png");
  background-size: cover;
  background-position: center top;
  background-repeat: no-repeat;
}

h1,
h2,
h3,
.card-title,
.navbar .btn-ghost.text-xl {
  line-height: 1.6;
}

.btn {
  font-size: 11px;
  line-height: 1.4;
  min-height: 2.75rem;
  padding-inline: 1rem;
}

.input,
.textarea,
.select {
  font-size: 11px;
  line-height: 1.5;
}

.alert,
p,
li,
label {
  font-size: 12px;
  line-height: 1.8;
}