/* KPC theme — overrides the shared variables in public/assets/app.css */
:root {
  --ink: #07121f;
  --paper: #f4f1e9;
  --surface: #fffdf8;
  --text: #102033;
  --muted: #64707d;
  --line: #d9d6ce;
  --accent: #c9a25a;
  --button: #0b1b2e;
  --button-text: #ffffff;
  --on-ink: #f7f1e8;
  --on-ink-muted: #aeb9c6;
  --serif: 'Playfair Display', Georgia, serif;
  --sans: 'DM Sans', Arial, sans-serif;
  --radius: 0;
}

/* KPC typographic voice */
.eyebrow { font-size: 11px; letter-spacing: .19em; text-transform: uppercase; color: #c5974b; }
label { font-size: 11px; letter-spacing: .12em; text-transform: uppercase; }
input { background: rgba(255, 255, 255, .7); border-color: #ccd0d2; }
input:focus { border-color: #b3823e; background: #fff; box-shadow: 0 0 0 3px rgba(179, 130, 62, .08); }
button[type=submit] { letter-spacing: .05em; font-size: 13px; }
.alt a { color: #0b1b2e; }

/* Gold line under the app header */
.top { border-bottom: 1px solid rgba(201, 162, 90, .35); }
.brand img { height: 58px; }

/* Breathing circles on the login/signup story panel */
.auth-story::before, .auth-story::after {
  content: ""; position: absolute; border: 1px solid rgba(197, 151, 75, .15); border-radius: 50%;
  width: 520px; height: 520px; right: -180px; top: 18%; animation: kpc-breathe 9s ease-in-out infinite;
}
.auth-story::after { width: 330px; height: 330px; right: -85px; top: 29%; animation-delay: -3s; }
.auth-story { background: radial-gradient(circle at 72% 42%, rgba(197, 151, 75, .12), transparent 24%), var(--ink); }
.auth-story h1 { font-weight: 500; }
@keyframes kpc-breathe { 50% { transform: scale(1.05); opacity: .6; } }