:root {
  /* docs/DESIGN.md — brand & accent */
  --primary: #00ed64;
  --primary-deep: #00b545;
  --primary-pressed: #008c34;
  --on-primary: #001e2b;
  --brand-green: #00ed64;
  --brand-green-dark: #00684a;
  --brand-green-mid: #00a35c;
  --brand-green-soft: #c3f0d2;
  --brand-teal-deep: #001e2b;
  --brand-teal: #003d4f;
  --brand-teal-mid: #00684a;
  --accent-purple: #7b3ff2;
  --accent-orange: #fa6e39;
  --accent-pink: #f06bb8;
  --accent-blue: #3d4f9f;

  /* semantic */
  --semantic-warning-bg: #fff8e0;
  --semantic-warning-text: #946f3f;

  /* surface */
  --canvas: #ffffff;
  --canvas-dark: #001e2b;
  --surface: #f9fbfa;
  --surface-soft: #f4f7f6;
  --surface-feature: #e3fcef;
  --hairline: #e1e5e8;
  --hairline-soft: #eceff1;
  --hairline-strong: #c1ccd6;
  --hairline-dark: #1c2d38;

  /* text */
  --ink: #001e2b;
  --charcoal: #1c2d38;
  --slate: #3d4f5b;
  --steel: #5c6c7a;
  --stone: #7c8c9a;
  --muted: #a8b3bc;
  --on-dark: #ffffff;
  --on-dark-muted: #a8b3bc;

  /* legacy ds-* aliases (admin runtime branding overrides these) */
  --ds-primary: #009966;
  --ds-primary-hex: #00bc7d;
  --ds-primary-dark: #009e6a;
  --ds-primary-pressed: #007a52;
  --ds-on-primary: #001e2b;
  --ds-dark: #001e2b;
  --ds-gray-100: #f9fbfa;
  --ds-gray-200: #e1e5e8;
  --ds-gray-300: #c1ccd6;
  --ds-gray-400: #a8b3bc;
  --ds-gray-500: #7c8c9a;
  --ds-gray-600: #5c6c7a;
  --ds-gray-700: #3d4f5b;
  --ds-gray-800: #1c2d38;
  --ds-gray-900: #001e2b;
  --ds-white: #ffffff;
  --ds-border-color: #e1e5e8;
  --ds-font-sans-serif: 'Public Sans', 'Euclid Circular A', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --ds-radius-sm: 0.5rem;
  --ds-radius-md: 0.75rem;
  --ds-radius: 1rem;

  /* typography (docs/DESIGN.md) */
  --font-display: 'Euclid Circular A', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --font-body: 'Euclid Circular A', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --font-mono: 'Source Code Pro', 'SF Mono', Menlo, Consolas, monospace;
  --font-heading: var(--font-display);
}

body {
  font-family: var(--ds-font-sans-serif, 'Euclid Circular A', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif);
}

/* Branding border radius — applied to the shared component scales.
   Tailwind's generated utilities are overridden via body-prefixed selectors. */
body .rounded-lg,
body .rounded-\[12px\],
body .rounded-\[10px\] {
  border-radius: var(--ds-radius-sm);
}
body .rounded-xl,
body .rounded-\[16px\],
body .rounded-\[14px\] {
  border-radius: var(--ds-radius-md);
}
body .rounded-2xl,
body .rounded-\[20px\],
body .rounded-\[24px\] {
  border-radius: var(--ds-radius);
}