npm i styled-components
npm i -D @types/styled-components

import styled from "styled-components";

const PrimaryButton = styled.button`
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 1rem;
  border-radius: 0.75rem;
  border: 1px solid rgba(255,255,255,0.12);
  background: #2563eb;
  color: white;
  font-weight: 700;

  &:hover { background: #1d4ed8; }
  &:focus-visible { outline: 2px solid rgba(37,99,235,.5); outline-offset: 2px; }
`;

export const theme = {
  colors: { brand: "#2563eb", bg: "#0b1220" },
  radius: { md: "12px" },
};