@layer cms-foundation {
  *,
  *::before,
  *::after {
    box-sizing: border-box;
  }

  :where(html) {
    -webkit-text-size-adjust: 100%;
    text-size-adjust: 100%;
    min-block-size: 100%;
  }

  :where(body) {
    margin: 0;
    min-block-size: 100%;
  }

  :where([hidden]) {
    display: none !important;
  }
}

:root {
  --primary-base: #16634d;
  --primary-contrasted: #ffffff;
  --secondary-base: #e7eee9;
  --secondary-contrasted: #17362c;
  --bg-base: #f9f7f1;
  --bg-surface: #ffffff;
  --border-default: #dfddd4;
  --text-main: #26261f;
  --text-muted: #6d6b63;
  --success-base: #21865f;
  --warning-base: #b7791f;
  --danger-base: #c4473d;
  --font-heading: Georgia, serif;
  --font-body: Inter, system-ui, sans-serif;
  --font-size-body: 1rem;
  --font-size-display: 3.5rem;
  --space-sm: .5rem;
  --space-md: 1rem;
  --space-xl: 3rem;
  --content-width: 68rem;
  --wide-width: 82rem;
  --radius-control: .25rem;
  --radius-card: .5rem;
  --shadow-soft: 0 2px 10px rgb(18 30 24 / .08);
  --basic-blocs-action-background: var(--primary-base, CanvasText);
  --basic-blocs-action-text: var(--primary-foreground, var(--primary-contrasted, Canvas));
  --basic-blocs-action-radius: var(--radius-control, .375rem);
  --basic-blocs-focus-color: var(--primary-base, CanvasText);
  --basic-blocs-field-background: var(--bg-surface, Canvas);
  --basic-blocs-field-text: var(--text-main, CanvasText);
  --basic-blocs-field-border: var(--border-default, color-mix(in srgb, currentColor 25%, transparent));
  --basic-blocs-field-radius: var(--radius-control, .5rem);
  --basic-blocs-muted-text: var(--text-muted, color-mix(in srgb, currentColor 65%, transparent));
  --basic-blocs-error-text: var(--danger-base, #b42318);
  --basic-blocs-surface-background: var(--bg-surface, Canvas);
  --basic-blocs-surface-text: var(--text-main, CanvasText);
  --basic-blocs-surface-muted-text: var(--text-muted, color-mix(in srgb, currentColor 68%, transparent));
  --basic-blocs-surface-border: var(--border-default, color-mix(in srgb, currentColor 16%, transparent));
  --basic-blocs-surface-radius: var(--radius-card, .5rem);
  --basic-blocs-elevated-shadow: var(--shadow-soft, 0 .5rem 1.5rem color-mix(in srgb, currentColor 12%, transparent));
}