What is Hologram?
Hologram is a generative CSS styling framework that leverages CSS variables for easy, yet flexible, design customization.
:root {
/* colors */
--sc-color-foreground: #292929;
--sc-color-background: #ffffff;
--sc-color-brand: #000000;
--sc-color-success: #008000;
--sc-color-caution: #cc6600;
--sc-color-danger: #cc0000;
/* typography */
--sc-text-base-size: 1em;
--sc-font-family: sans-serif;
--sc-font-bold: 700;
--sc-font-normal: 400;
/* appearance */
--sc-border-radius: 8px;
}