:root {
    --sbs-radius-xl: 20px;
    --sbs-radius-lg: 16px;
    --sbs-shadow-sm: 0 6px 18px rgba(17, 24, 39, 0.08);
    --sbs-shadow-md: 0 14px 40px rgba(17, 24, 39, 0.12);
    --sbs-border: 1px solid var(--wp--preset--color--border);
    --sbs-primary: var(--wp--preset--color--brand-red);
    --sbs-secondary: var(--wp--preset--color--brand-yellow);
    --sbs-secondary-dark: color-mix(in srgb, var(--sbs-secondary) 85%, transparent);
    --sbs-tertiary: var(--wp--preset--color--brand-blue);
    --sbs-tertiary-dark: var(--wp--preset--color--brand-blue-dark);
  }
  
  html {
    scroll-behavior: smooth;
  }
  
  body {
    background: var(--wp--preset--color--bg);
    color: var(--wp--preset--color--text);
  }

  body {
    font-family: 'Open Sans', sans-serif !important;
  }

  .sbs-font-amatic,
  .sbs-font-amatic *,
  .sbs-section__title {
    font-family: 'Amatic SC', cursive !important;
  }

  a:focus-visible,
  button:focus-visible,
  [role="button"]:focus-visible,
  input:focus-visible,
  textarea:focus-visible,
  select:focus-visible {
    outline: 3px solid rgba(229, 57, 53, 0.55);
    outline-offset: 3px;
    border-radius: 10px;
  }
  
  /* Skip link (a11y) */
  .sbs-skip-link {
    position: absolute;
    left: 12px;
    top: 12px;
    transform: translateY(-200%);
    background: var(--wp--preset--color--surface);
    color: var(--wp--preset--color--text);
    padding: 10px 12px;
    border-radius: 12px;
    box-shadow: var(--sbs-shadow-sm);
    z-index: 9999;
  }
  
  .sbs-skip-link:focus {
    transform: translateY(0);
  }
  
  /* Reduce motion */
  @media (prefers-reduced-motion: reduce) {
    html { scroll-behavior: auto; }
    *, *::before, *::after { animation-duration: 0.001ms !important; animation-iteration-count: 1 !important; transition-duration: 0.001ms !important; }
  }