Base Styles

Base styles provide default resets and element-level defaults for Digital Delve applications.

Body

The body uses a 16px base font size with a line height of 1.345, -webkit-font-smoothing, and the --font variable.

body {
  font: 16px/1.345 var(--font);
  -webkit-font-smoothing: antialiased;
}

Headings

All headings use --font-header at 800 weight. Font sizes scale down from h1 to h6.

Element	Font Size
h1	2rem
h2	1.6rem
h3	1.3rem
h4	1.2rem
h5	1.1rem
h6	1.15rem
legend	1.2rem

An h2 immediately following an h1 is treated as a subtitle — smaller and muted.

<h1>Page Title</h1>
<h2>Supporting subtitle shown smaller and muted</h2>

Links

Links use --primary and transition through --primary-hover and --primary-active.

<a href="#">Example Link</a>

Placeholders

Placeholder text uses 0.9rem and the body font, with text-overflow: ellipsis for clipped inputs.

<input placeholder="Enter text…">

Global Background and Text

The html and body elements are set to use theme variables automatically.

html, body {
  background: var(--bg);
  color: var(--text);
}

Refer to Variables for the full token reference and dark mode behavior.