/* Paneotech 1.1 | Digital palette approved by Romeo 2026-09-05; secondary colors extracted from PDF page 11 */
:root {
  --paneo-navy: #1E305F;
  --paneo-white: #FFFFFF;
  --paneo-black: #000000;
  --paneo-forest: #2C5F45;
  --paneo-teal: #296F8A;
  --paneo-light-teal: #5E9EAA;
  --paneo-gold: #E8A33D;
  --paneo-bronze: #8A6F48;
  --paneo-font-sans: "Inter", Arial, sans-serif;
  --paneo-font-serif: "Spectral", Georgia, serif;
  --paneo-space-1: .25rem;
  --paneo-space-2: .5rem;
  --paneo-space-3: .75rem;
  --paneo-space-4: 1rem;
  --paneo-space-6: 1.5rem;
  --paneo-space-8: 2rem;
  --paneo-text: #1E305F;
  --paneo-surface: #FFFFFF;
  --paneo-border: #68758F;
  --paneo-radius: .5rem;
}
@font-face { font-family: Inter; src: url('../fonts/InterVariable.woff2') format('woff2'); font-weight: 100 900; font-style: normal; font-display: swap; }
@font-face { font-family: Spectral; src: url('../fonts/Spectral-Regular.ttf') format('truetype'); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: Spectral; src: url('../fonts/Spectral-Italic.ttf') format('truetype'); font-weight: 400; font-style: italic; font-display: swap; }
.paneo-scope { font-family: var(--paneo-font-sans); color: var(--paneo-text); line-height: 1.6; }
.paneo-button { display: inline-flex; justify-content: center; align-items: center; min-height: 44px; padding: .75rem 1.5rem; border: 1px solid var(--paneo-navy); border-radius: var(--paneo-radius); background: var(--paneo-navy); color: white; font: inherit; font-weight: 600; text-decoration: none; cursor: pointer; }
.paneo-button:hover:not(:disabled) { background: #162448; }
.paneo-button--secondary { background: white; color: var(--paneo-navy); }
.paneo-button--secondary:hover:not(:disabled) { background: #F2F4F8; }
.paneo-button:disabled { opacity: .5; cursor: not-allowed; }
.paneo-button:focus-visible, .paneo-input:focus-visible { outline: 3px solid var(--paneo-navy); outline-offset: 3px; box-shadow: 0 0 0 3px white; }
.paneo-input { box-sizing: border-box; width: 100%; min-height: 44px; padding: .75rem; border: 1px solid var(--paneo-border); border-radius: var(--paneo-radius); background: white; color: var(--paneo-navy); font: inherit; }
.paneo-card { padding: var(--paneo-space-6); border: 1px solid var(--paneo-border); border-radius: var(--paneo-radius); background: white; }
.paneo-title { font-family: var(--paneo-font-serif); font-weight: 400; line-height: 1.2; }