Design System

Living reference for all design tokens defined in global.css.

Colors

--color-cdi-blue #183859

--color-near-black #00050B

--color-dark-navy #10101A

--color-light-white #C3C6D0

--color-white #FFFFFF

--color-black #000000

--color-light-bg #EFF4F7

--color-deep-navy #061D35

--gradient-light-section

--gradient-dark-section

--gradient-hero-base

--gradient-line-faded

--font-display "Optima", "Optima Nova", "Candara", "Gill Sans", ui-serif, serif

The quick brown fox jumps over the lazy dog

--font-body "Figtree", ui-sans-serif, system-ui, sans-serif

The quick brown fox jumps over the lazy dog

--font-serif "Cormorant Garamond Variable", "Georgia", serif

The quick brown fox jumps over the lazy dog

--font-accent "Fahkwang", ui-sans-serif, sans-serif

The quick brown fox jumps over the lazy dog

--text-caption 12px

--text-body 14px

--text-base 16px

--text-heading-sm 24px

--text-heading 32px

--text-heading-lg 48px

--text-display 64px

--tracking-tight -0.02em

ABCDEFG

--tracking-display 0.1em

ABCDEFG

--tracking-nav 0.12em

ABCDEFG

--tracking-button 0.2em

ABCDEFG

--leading-tight 1.2

Fine jewelry, crafted with intention.
Each piece tells a story that endures.

--leading-body 1.5

Fine jewelry, crafted with intention.
Each piece tells a story that endures.