@import url("https://fonts.googleapis.com/css2?family=Source+Serif+4:wght@400&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap");

:root {
  /* Core colours */
  --color-text-primary: #242424;
  --color-text-secondary: #6b7280;
  --color-surface-primary: #ffffff;
  --color-surface-secondary: #f9f9fb;
  --color-surface-footer: #000000;

  --color-border-subtle: #e0e2e8;
  --color-accent: #1a73e8;
  --color-hover-surface: #e4e4e7;
  --color-focus-ring: #175cd3;

  /* Interactive (theme + sub-theme friendly) */
  --color-button-bg: #ffffff;
  --color-button-text: #242424;
  --color-button-border: #242424;
  --color-button-hover-bg: var(--color-hover-surface);
  --color-button-hover-text: #242424;
  --color-button-hover-border: #242424;

  --color-chip-active-bg: #242424;
  --color-chip-active-text: #ffffff;

  /* Typography – body copy: Source Serif 4 regular 400; headings: Poppins */
  --font-body: "Source Serif 4", Georgia, serif;
  --font-heading: "Poppins", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;

  /* Layout & components */
  --radius-lg: 16px;
  --radius-md: 12px;
  --radius-sm: 8px;

  --shadow-soft: 0 18px 45px rgba(15, 23, 42, 0.08);

  /* Content width – max-width for all text sections across the site */
  --content-max-width: 640px;
}