/* Caddy Core Brand System V1.1 */
:root {
  --cc-navy-900: #062B5C;
  --cc-navy-700: #0B4A84;
  --cc-navy-100: #E7EFF8;
  --cc-green-700: #237820;
  --cc-green-500: #39A935;
  --cc-green-100: #EAF7E8;
  --cc-ink: #122033;
  --cc-muted: #59697A;
  --cc-border: #D8E0E8;
  --cc-surface: #F7F9FB;
  --cc-surface-alt: #EEF3F7;
  --cc-white: #FFFFFF;
  --cc-black: #000000;
  --cc-success: #237820;
  --cc-warning: #B75C00;
  --cc-error: #B42318;
  --cc-info: #1E5AA8;
  --cc-focus-on-navy: #66B2FF;

  --cc-font-display: "Inter Display", Inter, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --cc-font-ui: Inter, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;

  --cc-radius-sm: 6px;
  --cc-radius-md: 10px;
  --cc-radius-lg: 16px;
  --cc-shadow-sm: 0 1px 2px rgb(6 43 92 / 0.08);
  --cc-shadow-md: 0 8px 24px rgb(6 43 92 / 0.12);
}

/* The logo green is an accent. Use --cc-green-700 for normal-size green text or white-on-green buttons. */
.cc-button-primary { background: var(--cc-navy-900); color: var(--cc-white); }
.cc-button-accent { background: var(--cc-green-700); color: var(--cc-white); }
.cc-link { color: var(--cc-info); }
.cc-focus-ring:focus-visible { outline: 3px solid var(--cc-focus-on-navy); outline-offset: 2px; }