/**
 * TFSE global style – default design for all TFSE blocks.
 * CSS variables for colors, shadows, radius and typography.
 */
:root {
  --tfse-accent: #5b4b8a;
  --tfse-accent-light: #7b6ba8;
  --tfse-button-primary: #6f62d1;
  --tfse-text: #2d2d2d;
  --tfse-text-muted: #6b6b6b;
  --tfse-bg-card: #ffffff;
  --tfse-bg-subtle: #f8f7fc;
  --tfse-bg-outer: #eef0f7;
  --tfse-border: #e5e5e5;
  --tfse-shadow: 0 4px 24px rgba(0, 0, 0, 0.06);
  --tfse-shadow-hover: 0 10px 40px rgba(0, 0, 0, 0.08);
  --tfse-shadow-soft: 0 2px 12px rgba(0, 0, 0, 0.04);
  --tfse-radius: 12px;
  --tfse-radius-sm: 8px;
  --tfse-font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}