/* Custom DaisyUI theme. Palette and type taken from the live Bricks site (digitalpropertyrisk.com). */
[data-theme="dpr"] {
  color-scheme: light;
  --color-base-100: #ffffff;
  --color-base-200: #f7f7f7;
  --color-base-300: #d9d9d9;
  --color-base-content: #000000;
  --color-primary: #90134a;                     /* plum */
  --color-primary-content: #ffffff;
  --color-secondary: #04798f;                   /* teal accent */
  --color-secondary-content: #ffffff;
  --color-accent: #e32a7a;                      /* plum hover */
  --color-accent-content: #ffffff;
  --color-neutral: #2d0617;                     /* plum ultra-dark, footer */
  --color-neutral-content: #f6bbd5;             /* plum light */
  --color-info: #0693e3;
  --color-success: #00a86b;
  --color-warning: #fcb900;
  --color-error: #cf2e2e;
  --radius-selector: 0.625rem;
  --radius-field: 0.625rem;
  --radius-box: 1.25rem;
}

@layer base {
  html { font-family: "Work Sans", system-ui, sans-serif; }
  body { font-size: 1.0625rem; }
  h1, h2, h3, h4, h5, h6, .card-title {
    font-family: "Oswald", "Arial Narrow", sans-serif;
    font-weight: 700;
    color: var(--color-primary);
  }

  /* Home page hero: full-bleed photo with plum gradient sign-up card */
  .hero-bg {
    background: url("../images/hero-bg.jpg") center / cover no-repeat;
    min-height: 700px;
    display: flex;
    align-items: center;
  }
  .hero-cta {
    background-image: linear-gradient(#710f39, #2d0617);
    box-shadow: 0 0 50px 0 rgb(255 255 255 / 0.5);
    border-radius: 1.75rem;
    color: #ffffff;
  }
}

/* Buttons and nav links use the heading face, uppercase, as on the live site */
.btn { font-family: "Oswald", "Arial Narrow", sans-serif; font-weight: 500; text-transform: uppercase; letter-spacing: 0.02em; }

/* Long-form article and bio content */
.prose-dpr h2 { font-size: 1.5rem; font-weight: 700; margin-top: 2.5rem; margin-bottom: 0.75rem; }
.prose-dpr h3 { font-size: 1.125rem; font-weight: 700; margin-top: 1.5rem; margin-bottom: 0.5rem; color: var(--color-secondary); }
.prose-dpr p  { margin-bottom: 1rem; line-height: 1.7; max-width: 70ch; }
.prose-dpr ul { list-style: disc; padding-left: 1.5rem; margin-bottom: 1rem; max-width: 70ch; }
.prose-dpr li { margin-bottom: 0.35rem; line-height: 1.6; }
.prose-dpr a  { color: var(--color-primary); text-decoration: underline; text-underline-offset: 3px; }

/* Honeypot: off-screen, not display:none, so naive bots still fill it */
.hp-field { position: absolute; left: -10000px; top: auto; width: 1px; height: 1px; overflow: hidden; }