/*
 * This is a manifest file that'll be compiled into application.css.
 *
 * Import Tailwind CSS build which includes all our custom components and design system
 */

@import "tailwind";

/* Color tokens are defined in tailwind/application.css @theme block.
 * Do NOT duplicate them here — single source of truth.
 */

/* Hide default details/summary marker */
@layer components {
  details > summary {
    list-style: none;
  }
  details > summary::-webkit-details-marker {
    display: none;
  }
  details > summary::marker {
    display: none;
    content: '';
  }

  /* Golf Scorecard Score Styling */
  .score-cell {
    @apply inline-flex items-center justify-center w-8 h-8 font-medium text-sm;
  }

  /* Birdie: Single circle (red) - 1 under par */
  .score-birdie {
    @apply rounded-full border-2 border-red-500 text-red-600;
  }

  /* Eagle: Double circle (amber) - 2+ under par */
  .score-eagle {
    @apply rounded-full border-2 border-amber-500 text-amber-600;
    box-shadow: 0 0 0 2px var(--color-dark-900), 0 0 0 4px rgb(245 158 11);
  }

  /* Bogey: Single square (blue) - 1 over par */
  .score-bogey {
    @apply border-2 border-blue-500 text-blue-600;
  }

  /* Double bogey+: Double square (blue) - 2+ over par */
  .score-double-bogey {
    @apply border-2 border-blue-600 text-blue-700;
    box-shadow: 0 0 0 2px var(--color-dark-900), 0 0 0 4px rgb(37 99 235);
  }

  /* Tentative event: diagonal barber-pole stripes (like a tentative calendar meeting) */
  .tentative-stripes {
    background-image: repeating-linear-gradient(
      -45deg,
      transparent,
      transparent 3px,
      rgba(255, 255, 255, 0.06) 3px,
      rgba(255, 255, 255, 0.06) 6px
    );
  }
}