/* Signet design tokens — the single source of truth.
   Both signer.css and signet.css consume this file and declare no raw hex of
   their own. Brand colours (seal red, action blue, ink, status) are fixed;
   surfaces are a light warm neutral so the product reads as one calm,
   modern workspace on every screen. */

:root {
  /* Surfaces — light warm neutral ground, white cards, the document on white. */
  --paper:          #f5f4f0;
  --paper-2:        #ffffff;
  --paper-3:        #f3f1ec;
  --surface-doc:    #ffffff;
  --desk:           #ffffff;  /* sidebar / app chrome */
  --desk-2:         #f3f1ec;  /* chrome hover */

  /* Ink */
  --ink:            #1f1e24;
  --ink-soft:       #5c5a66;
  --ink-faint:      #8c8a93;  /* captions and placeholders only */

  /* Brand + interaction — one red, one blue. */
  --brand:          #c0392b;
  --accent:         #20509e;
  --accent-deep:    #173f80;
  --accent-ink:     #ffffff;
  --accent-soft:    rgba(32, 80, 158, .08);
  --accent-line:    rgba(32, 80, 158, .32);

  /* Wax seal — the brand mark. Fixed form, size varies by context only. */
  --seal-hi:        #e0564a;  /* highlight */
  --seal-lo:        #7e1f14;  /* depth */
  --seal-glyph:     #ffffff;  /* the S */

  /* Status — text-safe values. */
  --ok:             #1e7d4f;
  --warn:           #8a5a0a;
  --warn-icon:      #b9770e;  /* icons/borders/large text only */
  --err:            #c0392b;
  --info:           #20509e;
  --violet:         #6c4bb5;
  --ok-soft:        rgba(30, 125, 79, .10);
  --warn-soft:      rgba(185, 119, 14, .12);
  --err-soft:       rgba(192, 57, 43, .09);
  --violet-soft:    rgba(108, 75, 181, .10);
  --neutral-soft:   rgba(31, 30, 36, .06);

  /* Lines */
  --line:           rgba(31, 30, 36, .10);
  --line-strong:    rgba(31, 30, 36, .22);

  /* Elevation / motion / shape */
  --radius:         12px;
  --radius-sm:      8px;
  --radius-lg:      16px;
  --radius-pill:    999px;
  --shadow-card:    0 1px 2px rgba(31, 30, 36, .05), 0 1px 3px rgba(31, 30, 36, .04);
  --shadow-raised:  0 10px 30px rgba(31, 30, 36, .12);
  --shadow-pop:     0 16px 48px rgba(31, 30, 36, .18);
  --ease:           cubic-bezier(.16, 1, .3, 1);

  /* Type — one family everywhere. */
  --font-body:      'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --font-display:   var(--font-body);
}