71 lines
1.9 KiB
CSS
71 lines
1.9 KiB
CSS
/* Docusign 2024 brand design tokens
|
|
Source: brand.docusign.com (April 2024 rebrand)
|
|
Inkwell #130032 replaces old navy; Cobalt #4C00FF is new primary.
|
|
*/
|
|
:root {
|
|
/* ── Brand palette ── */
|
|
--cobalt: #4C00FF;
|
|
--cobalt-hover: #3A00CC;
|
|
--cobalt-light: #EDE8FF;
|
|
--inkwell: #130032;
|
|
--deep-violet: #26065D;
|
|
--mist: #CBC2FF;
|
|
--ecru: #F8F3F0;
|
|
--poppy: #FF5252;
|
|
--poppy-bg: #FFF0F0;
|
|
--slate: #6B5F8A;
|
|
|
|
/* ── Semantic colours ── */
|
|
--success: #027A48;
|
|
--success-bg: #ECFDF3;
|
|
--warning: #92400E;
|
|
--warning-bg: #FFFBEB;
|
|
--warning-amber:#FFAB00;
|
|
--error: var(--poppy);
|
|
--error-bg: var(--poppy-bg);
|
|
|
|
/* ── Nav ── */
|
|
--nav-bg: var(--inkwell);
|
|
--nav-hover: var(--deep-violet);
|
|
--nav-active-bg: rgba(76,0,255,0.22);
|
|
--nav-active-border:var(--cobalt);
|
|
--nav-text: #A899CC;
|
|
--nav-text-active: #FFFFFF;
|
|
--nav-width: 228px;
|
|
|
|
/* ── Layout ── */
|
|
--topbar-h: 56px;
|
|
--page-bg: var(--ecru);
|
|
--card-bg: #FFFFFF;
|
|
--border: #E2DDF0;
|
|
--text: var(--inkwell);
|
|
--text-muted: var(--slate);
|
|
|
|
/* ── Shadows ── */
|
|
--shadow-sm: 0 1px 3px rgba(19,0,50,0.08), 0 1px 2px rgba(19,0,50,0.04);
|
|
--shadow-md: 0 4px 16px rgba(19,0,50,0.14);
|
|
|
|
/* ── Spacing ── */
|
|
--space-xs: 4px;
|
|
--space-sm: 8px;
|
|
--space-md: 16px;
|
|
--space-lg: 24px;
|
|
--space-xl: 32px;
|
|
|
|
/* ── Border radius ── */
|
|
--radius-sm: 4px;
|
|
--radius-md: 8px;
|
|
--radius-lg: 12px;
|
|
--radius-pill: 20px;
|
|
|
|
/* ── Typography ── */
|
|
--font: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
|
|
--font-mono: 'JetBrains Mono', 'Fira Code', 'Cascadia Code', monospace;
|
|
--font-size-xs: 11px;
|
|
--font-size-sm: 12px;
|
|
--font-size-base:13px;
|
|
--font-size-md: 14px;
|
|
--font-size-lg: 16px;
|
|
--font-size-xl: 20px;
|
|
}
|