/* Public pages of the TanOffice App. The values are copied from the design bundle by hand,
   as in keycloak/themes/tanoffice/. nginx serves the fonts of that theme under /fonts/. */
@font-face { font-family: 'Archivo'; font-weight: 400; font-display: swap; src: url('/fonts/archivo-latin-400-normal.woff2') format('woff2'); }
@font-face { font-family: 'Archivo'; font-weight: 600; font-display: swap; src: url('/fonts/archivo-latin-600-normal.woff2') format('woff2'); }
:root { --bronze-50: #FDF6EC; --bronze-600: #A8650F; --bronze-700: #85500E; --neutral-50: #F7F5F2; --neutral-200: #E2DDD5; --neutral-500: #877D6F; --neutral-800: #332E26; }
* { box-sizing: border-box; }
body { margin: 0; background: var(--neutral-50); color: var(--neutral-800); font: 400 17px/1.55 'Archivo', system-ui, sans-serif; }
header, main, footer { max-width: 42rem; margin: 0 auto; padding: 0 16px; }
header { display: flex; justify-content: space-between; align-items: baseline; padding-top: 24px; padding-bottom: 16px; border-bottom: 3px solid var(--bronze-600); }
.brand { font-weight: 600; font-size: 1.2rem; color: var(--neutral-800); text-decoration: none; }
a { color: var(--bronze-700); }
h1 { font-size: 1.7rem; line-height: 1.2; margin: 32px 0 16px; }
h2 { font-size: 1.15rem; margin: 28px 0 8px; }
.notice { background: var(--bronze-50); border: 1px solid var(--neutral-200); border-radius: 8px; padding: 12px 16px; }
footer { margin-top: 48px; padding-top: 16px; padding-bottom: 32px; border-top: 1px solid var(--neutral-200); color: var(--neutral-500); font-size: 0.9rem; }