:root {
--noctia-base-font: var(--noctia-sans, sans-serif);
--noctia-base-font-size: 16px;
--noctia-base-text-color: var(--noctia-dark, #252525);
--noctia-base-bg-color: var(--noctia-white, #FFF);
--noctia-base-code-font: var(--noctia-mono, monospace);
--noctia-base-hr-color: var(--noctia-neutral-color, #E5E7EB);
}--noctia-base-font- Base font family
html { font-family: var(--noctia-base-font); }--noctia-base-font-size- Base font size
html { font-size: var(--noctia-base-font-size); }--noctia-base-text-color- Base text color
body { color: var(--noctia-base-text-color); }--noctia-base-bg-color- Base background color
body { background-color: var(--noctia-base-bg-color); }
Base <pre> style
This is a test sentence. It includes long words such as Supercalifragilisticexpialidocious and Pneumonoultramicroscopicsilicovolcanoconiosis, and uses SampleText123 to check display and layout. We will verify functionality with Version 2.0 and also test how difficult-to-fit words like ExtraordinaryLongWordExample are handled
Base <code> style
color: red;
--noctia-base-code-font- Base <code> font family
code { font-family: var(--noctia-base-code-font); }
Base <hr> style
--noctia-base-hr-color- Base <hr> color
border-bottom: 1px solid var(--noctia-base-hr-color);