/*
 * Event Renaissance brand theme.
 * Palette sampled directly from the official logo: olive green (#506828) is the primary brand
 * colour (the "renaissance" wordmark + paintbrush), antique gold (#C09838) is the accent
 * (the "event" wordmark, ferrule, and underlines), over a warm paper neutral that flatters both.
 * Adjust the hex values here to match the official brand guidelines; nothing else needs to change.
 * (All three apps -- the registration system's public-web and admin-web SPAs, and this feedback
 * app -- carry an identical copy of this file. Keep all three in sync.)
 */
:root {
  --dc-primary: #506828;        /* Event Renaissance green */
  --dc-primary-dark: #3b4d1e;
  --dc-accent: #c09838;         /* Event Renaissance gold */
  --dc-accent-hover: #a47f2c;
  --dc-bg: #f5f3ec;             /* warm paper */
  --dc-surface: #ffffff;
  --dc-text: #23281a;
  --dc-muted: #667157;
  --dc-border: #e3decf;
  --dc-danger: #dc2626;
  --dc-success: #2f9e44;        /* kept distinct from the olive brand green */
  /* Derived warm neutrals for data surfaces (tables, selection, overlays). */
  --dc-tint: #edeee2;           /* table headers / banded surfaces */
  --dc-row-hover: #faf9f3;      /* row hover */
  --dc-selected: #f0efe2;       /* selected row / active surface */
  --dc-overlay: rgba(35, 40, 26, 0.45); /* modal backdrop (warm, from --dc-text) */
  --dc-radius: 12px;
  --dc-font: system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  /* Display face for titles & record names — classical serif nodding to the wordmark.
     Self-host Fraunces later; the system-serif stack keeps this dependency-free today. */
  --dc-font-display: "Fraunces", "Iowan Old Style", "Palatino Linotype", Palatino, Georgia, serif;
}

/* Brand lockup */
.dc-logo { display: inline-flex; align-items: center; }
/* Full horizontal logo (image): scales to the requested height, width follows the artwork. */
.dc-logo-img { height: 100%; width: auto; display: block; }
/* Compact square mark (paintbrush icon): 1:1. */
.dc-logo-mark { height: 100%; width: auto; aspect-ratio: 1; display: block; }
/* Light plate behind the logo on dark surfaces, so the colour artwork stays legible. */
.dc-logo-plate {
  display: inline-flex; align-items: center;
  background: var(--dc-bg); border-radius: calc(var(--dc-radius) * 0.6);
  padding: 0.35em 0.55em;
}