/*
 * app.css — Booking app brand overrides
 *
 * Loaded after design.css. Overrides custom properties only.
 * The mockup uses a teal/emerald accent with warm neutral tones.
 *
 * File: frontend/public/css/app.css (new file)
 */

:root {
  --color-accent:        #0d9488;
  --color-accent-hover:  #0f766e;
  --color-accent-subtle: #ccfbf1;

  --color-accent-bg:     #f0fdfa;
}

@media (prefers-color-scheme: dark) {
  :root {
    --color-accent:        #2dd4bf;
    --color-accent-hover:  #5eead4;
    --color-accent-subtle: rgba(45, 212, 191, 0.15);

    --color-accent-bg:     rgba(45, 212, 191, 0.08);
  }
}

/* Spacing between form fields */
label + input,
label + select,
label + textarea {
  margin-bottom: var(--space-md);
}

/* Nav active link highlight */
nav a.active {
  color: var(--color-text);
  font-weight: 600;
}

/* Confirmation detail rows */
.detail-row {
  padding: var(--space-sm) 0;
}
.detail-row small {
  display: block;
  margin-bottom: 2px;
}