@import url('../public-sans.css'); /* self-hosted, CSP font-src 'self' */
/* ============================================================
   THEME PACK: Civic (neutral institutional default)
   Charcoal + civic blue, Public Sans, balanced 6px radius.
   Token names match the shared component schema — swapping this
   file for another pack reskins the whole product, no markup change.
   ============================================================ */
:root {
  --bg-image: none;
  --bg-size: auto;
  --border-style: solid;
  --border-width: 1px;
  --color-bg: #FFFFFF;
  --color-border: #D8DEE6;
  --color-danger-500: #C4453E;
  --color-primary-500: #245C9E;
  --color-primary-600: #1E4E86;
  --color-primary-700: #1B4676;
  --color-primary-contrast: #FFFFFF;
  --color-success-500: #3E9B5F;
  --color-surface: #F4F6F8;
  --color-text: #1E2A38;
  --color-text-muted: #5A6675;
  --effect-backdrop: none;
  --effect-text-glow: none;
  --font-heading: 'Public Sans', system-ui, sans-serif;
  --font-mono: ui-monospace, 'SF Mono', Menlo, monospace;
  --font-sans: 'Public Sans', system-ui, sans-serif;
  --font-serif: Georgia, 'Times New Roman', serif;
  --font-weight-bold: 800;
  --fontsize-base: 1rem;
  --fontsize-lg: 1.125rem;
  --fontsize-sm: 0.875rem;
  --fontsize-xl: 1.5rem;
  --letter-spacing-heading: -0.01em;
  --letter-spacing-ui: normal;
  --motion-duration-fast: 120ms;
  --motion-ease-standard: cubic-bezier(0.2,0,0,1);
  --primary-image: linear-gradient(135deg,#245C9E 0%,#2F6FB0 100%);
  --radius-full: 9999px;
  --radius-lg: 10px;
  --radius-md: 6px;
  --radius-sm: 4px;
  --shadow-lg: 0 12px 28px rgba(30,42,56,0.12);
  --shadow-md: 0 2px 10px rgba(30,42,56,0.08);
  --shadow-sm: 0 1px 2px rgba(30,42,56,0.06);
  --shape-clip: none;
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.5rem;
  --space-6: 2rem;
  --surface-image: none;
  --text-transform-heading: none;
  --text-transform-ui: none;
  /* chrome / motif / display (Civic — light masthead, no motif texture) */
  --masthead-bg: #FFFFFF;
  --masthead-fg: #1E2A38;
  --masthead-muted: #5A6675;
  --accent: #245C9E;
  --accent-contrast: #FFFFFF;
  --motif: #245C9E;
  --motif-size: auto;
  --motif-height: 4px;
  --display-transform: none;
  --display-tracking: -0.01em;
}