/* 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;
}