/* VENDORED, DO NOT EDIT.
 * Source: brand/tokens/tokens.css (repo root).
 * Generated by packages/marketing/scripts/sync-brand.sh (bun run brand:sync).
 * Appended: the [data-theme="dark"] block again, under prefers-color-scheme.
 */
/*
 * sigillumSign design tokens (Emboss identity, v1.0, Oct 2026).
 * Framework-agnostic CSS custom properties. Light is the default.
 * Dark mode is opt-in: set data-theme="dark" on <html>. The signing client and
 * admin portal are light-only today; do not switch them on prefers-color-scheme
 * without a product decision.
 *
 * Contrast ratios are WCAG 2.x, measured against the mode's page ground unless noted.
 */
:root {
  /* Raw palette */
  --sg-graphite: #1E2226;        /* 14.4:1 on paper */
  --sg-slate: #5B6168;           /* 5.6:1 on paper */
  --sg-slate-strong: #3F454B;    /* 8.1:1 on stone */
  --sg-paper: #F4F3EF;
  --sg-surface: #FBFAF7;
  --sg-stone: #ECEBE6;
  --sg-verdigris: #1F6B5E;       /* 5.7:1 on paper; white on it 6.3:1 */
  --sg-verdigris-deep: #174F45;  /* 8.4:1 on paper */
  --sg-verdigris-tint: #E3EFEB;
  --sg-control-edge: #7E8385;    /* 3.5:1 on paper, 3.7:1 on surface (non-text UI) */
  --sg-rule: #D9D6CE;            /* decorative dividers only */
  --sg-ochre-text: #7A5A10;
  --sg-ochre-tint: #F5EBD3;
  --sg-brick: #A63D2A;           /* decline / error text, 6.1:1 on surface */
  --sg-brick-tint: #F7E4DF;

  /* Semantic roles */
  --sg-bg: var(--sg-paper);
  --sg-bg-surface: var(--sg-surface);
  --sg-fg: var(--sg-graphite);
  --sg-fg-muted: var(--sg-slate);
  --sg-border: var(--sg-rule);
  --sg-border-control: var(--sg-control-edge);
  --sg-accent: var(--sg-verdigris);
  --sg-accent-hover: var(--sg-verdigris-deep);
  --sg-accent-fg: #FFFFFF;
  --sg-accent-tint: var(--sg-verdigris-tint);
  --sg-accent-tint-fg: var(--sg-verdigris-deep);
  --sg-focus-ring: rgba(31, 107, 94, 0.25);
  --sg-danger: var(--sg-brick);
  --sg-mark: var(--sg-graphite);
  --sg-mark-rim: var(--sg-graphite);

  /* Signer status chips: fill / text (text contrast vs fill) */
  --sg-status-sent-bg: var(--sg-stone);           --sg-status-sent-fg: var(--sg-slate-strong);  /* 8.1 */
  --sg-status-viewed-bg: var(--sg-ochre-tint);    --sg-status-viewed-fg: var(--sg-ochre-text);  /* 5.4 */
  --sg-status-signed-bg: var(--sg-verdigris-tint); --sg-status-signed-fg: var(--sg-verdigris-deep); /* 8.0 */
  --sg-status-sealed-bg: var(--sg-graphite);      --sg-status-sealed-fg: var(--sg-paper);       /* 14.4, the only filled chip */
  --sg-status-declined-bg: var(--sg-brick-tint);  --sg-status-declined-fg: var(--sg-brick);     /* 5.2 */

  /* Type */
  --sg-font-display: "Fraunces", Georgia, "Times New Roman", serif;
  --sg-font-sans: "IBM Plex Sans", system-ui, -apple-system, "Segoe UI", Arial, sans-serif;
  --sg-font-mono: "IBM Plex Mono", ui-monospace, "SFMono-Regular", Menlo, monospace;
  --sg-text-display: 56px;   --sg-leading-display: 60px; /* Fraunces 500, -2% */
  --sg-text-title: 32px;     --sg-leading-title: 38px;   /* Fraunces 500, -1% */
  --sg-text-heading: 20px;   --sg-leading-heading: 28px; /* Plex Sans 600 */
  --sg-text-body: 16px;      --sg-leading-body: 25px;    /* Plex Sans 400 */
  --sg-text-control: 14px;   --sg-leading-control: 20px; /* Plex Sans 500/600 */
  --sg-text-caption: 12px;   --sg-leading-caption: 16px; /* Plex Sans 400 */
  --sg-text-evidence: 12px;                              /* Plex Mono 400: hashes, IDs, timestamps */

  /* Shape */
  --sg-radius-sm: 4px;   /* fields, cards, chips on documents */
  --sg-radius-md: 6px;   /* buttons */
  --sg-radius-lg: 8px;   /* panels, email cards */
  --sg-radius-pill: 999px;
  --sg-control-height: 44px; /* minimum touch target */
}

[data-theme="dark"] {
  --sg-bg: #121517;
  --sg-bg-surface: #1C2023;
  --sg-fg: #ECEAE4;          /* 15.2 */
  --sg-fg-muted: #A3A9AF;    /* 7.7 */
  --sg-border: #2E3438;
  --sg-border-control: #7B8187; /* 4.2 on surface */
  --sg-accent: #5FB8A6;      /* 7.8 */
  --sg-accent-hover: #8FD0C2; /* 10.4 */
  --sg-accent-fg: #121517;   /* 7.8 on accent */
  --sg-accent-tint: #1D3531;
  --sg-accent-tint-fg: #A7DCCF;
  --sg-focus-ring: rgba(95, 184, 166, 0.35);
  --sg-danger: #F0B4A6;
  --sg-mark: #ECEAE4;
  --sg-mark-rim: #5FB8A6;

  --sg-status-sent-bg: #262B2F;     --sg-status-sent-fg: #C9CDD1;     /* 8.9 */
  --sg-status-viewed-bg: #2A2618;   --sg-status-viewed-fg: #D4B26A;   /* 7.5 */
  --sg-status-signed-bg: #1D3531;   --sg-status-signed-fg: #A7DCCF;   /* 8.6 */
  --sg-status-sealed-bg: #5FB8A6;   --sg-status-sealed-fg: #121517;   /* 7.8 */
  --sg-status-declined-bg: #3A2420; --sg-status-declined-fg: #F0B4A6; /* 8.1 */
}

/* Generated: the dark block above, applied when the device prefers dark. */
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --sg-bg: #121517;
    --sg-bg-surface: #1C2023;
    --sg-fg: #ECEAE4;          /* 15.2 */
    --sg-fg-muted: #A3A9AF;    /* 7.7 */
    --sg-border: #2E3438;
    --sg-border-control: #7B8187; /* 4.2 on surface */
    --sg-accent: #5FB8A6;      /* 7.8 */
    --sg-accent-hover: #8FD0C2; /* 10.4 */
    --sg-accent-fg: #121517;   /* 7.8 on accent */
    --sg-accent-tint: #1D3531;
    --sg-accent-tint-fg: #A7DCCF;
    --sg-focus-ring: rgba(95, 184, 166, 0.35);
    --sg-danger: #F0B4A6;
    --sg-mark: #ECEAE4;
    --sg-mark-rim: #5FB8A6;
  
    --sg-status-sent-bg: #262B2F;     --sg-status-sent-fg: #C9CDD1;     /* 8.9 */
    --sg-status-viewed-bg: #2A2618;   --sg-status-viewed-fg: #D4B26A;   /* 7.5 */
    --sg-status-signed-bg: #1D3531;   --sg-status-signed-fg: #A7DCCF;   /* 8.6 */
    --sg-status-sealed-bg: #5FB8A6;   --sg-status-sealed-fg: #121517;   /* 7.8 */
    --sg-status-declined-bg: #3A2420; --sg-status-declined-fg: #F0B4A6; /* 8.1 */
  }
}