/* PROPS prototype — supplements Tailwind. Kept small on purpose.
   Brand colours are not defined here; they live in props-theme.js. */

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap');

:root { color-scheme: light; }
body { -webkit-font-smoothing: antialiased; }

/* Data tables. Neutral greys only, matching Tailwind's slate scale. */
table.props { width: 100%; border-collapse: separate; border-spacing: 0; }
table.props th { font-size: .75rem; text-transform: uppercase; letter-spacing: .06em; color: #64748b; text-align: left; font-weight: 700; }
table.props th, table.props td { padding: .85rem 1rem; border-bottom: 1px solid #f1f5f9; vertical-align: middle; }
table.props tbody tr:hover { background: #f8fafc; }