/* GENERATED by scripts/build-tokens.mjs from tokens.json — do not edit by hand. */
/* Campus Forms v1 */

:root,
[data-theme="light"],
[data-bs-theme="light"] {
  --surface-page: #f6f1e8;
  --surface-page-rgb: 246, 241, 232;
  --surface-card: #fffcf7;
  --surface-card-rgb: 255, 252, 247;
  --surface-sunken: #ede5d8;
  --surface-hover: #f2ebdf;
  --ink: #241d15;
  --ink-rgb: 36, 29, 21;
  --ink-muted: #645646;
  --ink-subtle: #736450;
  --ink-inverse: #fffcf7;
  --line: #e3d9c8;
  --line-strong: #cbbda7;
  --control-border: #8e7c63;
  --brand: #1b5c4a;
  --brand-rgb: 27, 92, 74;
  --brand-hover: #134436;
  --brand-hover-rgb: 19, 68, 54;
  --brand-soft: #e2eee8;
  --brand-ink: #12503f;
  --on-brand: #fffcf7;
  --accent: #bb7a10;
  --accent-rgb: 187, 122, 16;
  --accent-soft: #fbeed4;
  --accent-ink: #7a4c05;
  --on-accent: #241d15;
  --success-ink: #1a5b3a;
  --success-soft: #e2efe4;
  --danger: #a63423;
  --danger-rgb: 166, 52, 35;
  --danger-ink: #8d2c1c;
  --danger-soft: #fae6e1;
  --warning-ink: #875706;
  --warning-soft: #fcefd6;
  --focus: #1b5c4a;
  --shadow-card: 0 1px 2px rgba(36, 29, 21, 0.05), 0 8px 24px rgba(36, 29, 21, 0.06);
  --shadow-raised: 0 2px 4px rgba(36, 29, 21, 0.08), 0 16px 32px rgba(36, 29, 21, 0.10);
}
[data-theme="dark"],
[data-bs-theme="dark"] {
  --surface-page: #15120e;
  --surface-page-rgb: 21, 18, 14;
  --surface-card: #1f1b15;
  --surface-card-rgb: 31, 27, 21;
  --surface-sunken: #0f0d0a;
  --surface-hover: #2a251d;
  --ink: #f6efe3;
  --ink-rgb: 246, 239, 227;
  --ink-muted: #b6a893;
  --ink-subtle: #9a8c77;
  --ink-inverse: #15120e;
  --line: #332c23;
  --line-strong: #4d4235;
  --control-border: #857560;
  --brand: #6fc3a6;
  --brand-rgb: 111, 195, 166;
  --brand-hover: #8ad3b9;
  --brand-hover-rgb: 138, 211, 185;
  --brand-soft: #1c3a31;
  --brand-ink: #8ed4ba;
  --on-brand: #0b2019;
  --accent: #e5a93f;
  --accent-rgb: 229, 169, 63;
  --accent-soft: #3a2b11;
  --accent-ink: #eec173;
  --on-accent: #241d15;
  --success-ink: #74c78d;
  --success-soft: #173022;
  --danger: #e8765c;
  --danger-rgb: 232, 118, 92;
  --danger-ink: #f0947f;
  --danger-soft: #3a1d16;
  --warning-ink: #e7b45c;
  --warning-soft: #38290f;
  --focus: #8ad3b9;
  --shadow-card: 0 1px 2px rgba(0, 0, 0, 0.5), 0 8px 24px rgba(0, 0, 0, 0.35);
  --shadow-raised: 0 2px 4px rgba(0, 0, 0, 0.55), 0 16px 32px rgba(0, 0, 0, 0.45);
}
:root {
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --space-10: 40px;
  --space-12: 48px;
  --space-16: 64px;
  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 16px;
  --radius-xl: 24px;
  --radius-pill: 999px;
  --font-display: "Fraunces", "Iowan Old Style", Georgia, serif;
  --font-sans: "Instrument Sans", system-ui, -apple-system, "Segoe UI", sans-serif;
}

/* Type styles. Prefixed cf- so nothing collides with Bootstrap utilities. */
.cf-display-xl { font-family: var(--font-display); font-size: 34px; line-height: 38px; font-weight: 600; letter-spacing: -0.01em; }
.cf-display-lg { font-family: var(--font-display); font-size: 26px; line-height: 31px; font-weight: 600; letter-spacing: -0.01em; }
.cf-display-md { font-family: var(--font-display); font-size: 19px; line-height: 25px; font-weight: 600; }
.cf-body { font-family: var(--font-sans); font-size: 15px; line-height: 23px; font-weight: 400; }
.cf-body-strong { font-family: var(--font-sans); font-size: 15px; line-height: 23px; font-weight: 600; }
.cf-small { font-family: var(--font-sans); font-size: 13px; line-height: 19px; font-weight: 400; }
.cf-caption { font-family: var(--font-sans); font-size: 12px; line-height: 17px; font-weight: 400; }
.cf-label { font-family: var(--font-sans); font-size: 13px; line-height: 18px; font-weight: 600; }
.cf-eyebrow { font-family: var(--font-sans); font-size: 11px; line-height: 14px; font-weight: 600; letter-spacing: 0.09em; }
.cf-button { font-family: var(--font-sans); font-size: 14px; line-height: 18px; font-weight: 600; }
.cf-amount { font-family: var(--font-sans); font-size: 15px; line-height: 20px; font-weight: 600; font-variant-numeric: tabular-nums; }
.cf-amount-lg { font-family: var(--font-sans); font-size: 22px; line-height: 26px; font-weight: 700; font-variant-numeric: tabular-nums; }