mirror of
https://github.com/Sea-Haven-Industries/proposal-system.git
synced 2026-10-07 16:18:57 +00:00
53 lines
1.3 KiB
CSS
53 lines
1.3 KiB
CSS
|
/* Base element typography — mirrors shoc-frontend-new dev src/styles/typography.css. */
|
||
|
|
html {
|
||
|
|
font-size: 16px;
|
||
|
|
-webkit-font-smoothing: antialiased;
|
||
|
|
-moz-osx-font-smoothing: grayscale;
|
||
|
|
}
|
||
|
|
|
||
|
|
body {
|
||
|
|
margin: 0;
|
||
|
|
font-family: var(--font-sans);
|
||
|
|
color: var(--foreground);
|
||
|
|
background-color: var(--color-bg-page);
|
||
|
|
}
|
||
|
|
|
||
|
|
h1, h2, h3, h4, h5, h6 {
|
||
|
|
font-family: var(--font-heading);
|
||
|
|
color: var(--foreground);
|
||
|
|
margin: 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
h1 { font-size: var(--text-2xl); font-weight: 800; }
|
||
|
|
h2 { font-size: var(--text-xl); font-weight: 700; }
|
||
|
|
h3 { font-size: var(--text-lg); font-weight: 600; }
|
||
|
|
h4 { font-size: var(--text-md); font-weight: 600; }
|
||
|
|
h5 { font-size: var(--text-base); font-weight: 600; }
|
||
|
|
h6 { font-size: var(--text-base-sm); font-weight: 600; }
|
||
|
|
|
||
|
|
.text-caption {
|
||
|
|
font-family: var(--font-sans);
|
||
|
|
font-size: var(--text-sm);
|
||
|
|
line-height: var(--leading-normal);
|
||
|
|
color: var(--muted-foreground);
|
||
|
|
}
|
||
|
|
|
||
|
|
.text-label {
|
||
|
|
font-family: var(--font-sans);
|
||
|
|
font-size: var(--text-xs);
|
||
|
|
font-weight: 600;
|
||
|
|
line-height: 1.5;
|
||
|
|
letter-spacing: var(--tracking-wider);
|
||
|
|
text-transform: uppercase;
|
||
|
|
color: var(--color-sidebar-label);
|
||
|
|
}
|
||
|
|
|
||
|
|
.text-nav-group {
|
||
|
|
font-family: var(--font-mono);
|
||
|
|
font-size: 10px;
|
||
|
|
font-weight: 600;
|
||
|
|
letter-spacing: 0.1em;
|
||
|
|
text-transform: uppercase;
|
||
|
|
color: var(--muted-foreground);
|
||
|
|
}
|