Typography (타이포그래피)

font-family: "Cals Sans", system-ui, sans-serif;

import { Button, Badge } from "@vortex/ui-cals";
 
export default function Example() {
  return (
    <div className="max-w-2xl mx-auto p-lg">
      <h1 className="text-3xl font-bold text-gray-900 mb-md">
        Cals 예약 시스템
      </h1>
      <p className="text-lg text-gray-600 mb-xl">
        Cals Sans 폰트로 작성된 예약 안내문
      </p>
      <div className="flex gap-md">
        <Badge variant="booking-available">예약 가능</Badge>
        <Button variant="primary">예약하기</Button>
      </div>
    </div>
  );
}