@tailwind base;
@tailwind components;
@tailwind utilities;

@layer base {
  /* Global focus-visible ring — keyboard-only (mouse clicks don't trigger
     :focus-visible). Brand green is the accent per CLAUDE.md, but brand
     on stone-50 is only 1.52:1 which fails WCAG 1.4.11 for UI components.
     Fix: double-ring — 2px brand inner + dark outer stroke that frames
     the brand against the light surface. In dark mode the brand ring
     alone is 12.47:1 on stone-950, so a stone-50 outer stroke adds belt-
     and-suspenders symmetry and keeps the visual language the same. */
  :focus-visible {
    outline: none;
    box-shadow:
      0 0 0 2px theme('colors.brand.DEFAULT'),
      0 0 0 4px theme('colors.stone.950');
    border-radius: 2px;
  }
  @media (prefers-color-scheme: dark) {
    :focus-visible {
      box-shadow:
        0 0 0 2px theme('colors.brand.DEFAULT'),
        0 0 0 4px theme('colors.stone.50');
    }
  }
  /* Hairline-underline form inputs already indicate focus via border-brand;
     suppress the outer ring on them to avoid double-ring. */
  input[type='text']:focus-visible,
  input[type='number']:focus-visible,
  input[type='search']:focus-visible,
  select:focus-visible,
  textarea:focus-visible {
    box-shadow: none;
  }
}

/* Pagination styling moved to Kaminari theme partials in
   app/views/kaminari/fusion/ — enabled via `paginate collection, theme: 'fusion'`. */
/*
 * This is a manifest file that'll be compiled into application.css, which will include all the files
 * listed below.
 *
 * Any CSS (and SCSS, if configured) file within this directory, lib/assets/stylesheets, or any plugin's
 * vendor/assets/stylesheets directory can be referenced here using a relative path.
 *
 * You're free to add application-wide styles to this file and they'll appear at the bottom of the
 * compiled file so the styles you add here take precedence over styles defined in any other CSS
 * files in this directory. Styles in this file should be added after the last require_* statement.
 * It is generally better to create a new file per style scope.
 *


 */