/* ============================================================================
   SURFACES — the ONE canonical card / table / link layer for NDR (design
   system, t304). Consolidated out of tailwind/application.css. No visual change.
     .card / .card-interactive   the standard content card (+ hover lift)
     .table                      the standard data table
     .link                       the standard inline text link
     .text-muted                 the de-emphasised secondary-text token
   ============================================================================ */

    /* De-emphasised secondary TEXT — gray-500 (passes WCAG AA on white);
       replaces ad-hoc text-gray-400 which fails contrast. */
    .text-muted { @apply text-gray-500; }

    /* CARD — the standard content card. -interactive adds the hover lift +
       brand-gold ring used on clickable product/listing cards. */
    .card { @apply rounded-xl border border-gray-200 bg-white shadow-sm; }
    .card-interactive { @apply rounded-xl border border-gray-200 bg-white shadow-sm transition duration-150 hover:-translate-y-0.5 hover:border-brand-gold hover:shadow-md hover:ring-2 hover:ring-brand-gold; }

    /* TABLE — the standard data table. */
    .table { @apply w-full text-left text-sm text-gray-700; }
    .table th { @apply px-3 py-2 font-semibold text-gray-900; }
    .table td { @apply px-3 py-2 border-t border-gray-100; }

    /* LINK — the standard inline text link (underlined, tan). */
    .link {
        @apply underline text-tan-500 hover:text-tan-800;
    }