32 lines
1013 B
TypeScript
32 lines
1013 B
TypeScript
/**
|
|
* Global theme class names (hero = source of truth).
|
|
* Use these when composing className for consistent look site-wide.
|
|
*/
|
|
export const theme = {
|
|
/** Primary CTA: gradient, glow, rounded-full */
|
|
btnPrimary: "btn-primary",
|
|
/** Secondary: border, backdrop blur */
|
|
btnSecondary: "btn-secondary",
|
|
/** Nav/small primary (e.g. header Get Started) */
|
|
btnPrimarySm: "btn-primary-sm",
|
|
/** Pill badge with optional dot */
|
|
badgePill: "badge-pill",
|
|
badgePillDot: "badge-pill-dot",
|
|
/** Hero headline */
|
|
headingHero: "heading-hero",
|
|
headingHeroAccent: "heading-hero-accent",
|
|
/** Section title + subtitle */
|
|
headingSection: "heading-section",
|
|
headingSectionSub: "heading-section-sub",
|
|
/** Lead paragraph */
|
|
bodyLead: "body-lead",
|
|
/** Feature bullets row + item + dot */
|
|
featureBullets: "feature-bullets",
|
|
featureBullet: "feature-bullet",
|
|
featureBulletDot: "feature-bullet-dot",
|
|
/** Glass card */
|
|
cardGlass: "card-glass",
|
|
/** Nav link */
|
|
navLink: "nav-link",
|
|
} as const;
|