/* =====================================================================
   DG Book Pro — Design Tokens (single source of truth)
   Modern / clean / Stripe-style. Every module inherits these; per-tenant
   theming overrides --dgp-accent* only. No module ships hard-coded colors.
   ===================================================================== */
:root {
  /* Neutrals (slate) */
  --dgp-bg:            #f6f8fb;
  --dgp-surface:       #ffffff;
  --dgp-surface-2:     #fbfcfe;
  --dgp-border:        #e6e9ef;
  --dgp-border-strong: #d3d8e0;
  --dgp-ink:           #1a2233;
  --dgp-ink-soft:      #4a5568;
  --dgp-ink-muted:     #8a94a6;

  /* Accent (Stripe indigo) — overridable per tenant */
  --dgp-accent:        #635bff;
  --dgp-accent-hover:  #524bdb;
  --dgp-accent-ink:    #ffffff;
  --dgp-accent-wash:   #f0efff;

  /* Status */
  --dgp-success:       #1a9d6a;
  --dgp-warning:       #b7791f;
  --dgp-danger:        #d64545;
  --dgp-info:          #2b6cb0;

  /* Typography */
  --dgp-font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  --dgp-font-mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;
  --dgp-text-xs: 12px;
  --dgp-text-sm: 13px;
  --dgp-text-base: 14px;
  --dgp-text-lg: 16px;
  --dgp-text-xl: 20px;
  --dgp-text-2xl: 26px;

  /* Spacing scale */
  --dgp-s1: 4px;  --dgp-s2: 8px;  --dgp-s3: 12px; --dgp-s4: 16px;
  --dgp-s5: 24px; --dgp-s6: 32px; --dgp-s7: 48px; --dgp-s8: 64px;

  /* Radius */
  --dgp-radius-sm: 6px;
  --dgp-radius:    10px;
  --dgp-radius-lg: 14px;
  --dgp-radius-pill: 999px;

  /* Shadows (soft, Stripe-like) */
  --dgp-shadow-sm: 0 1px 2px rgba(16,24,40,.06), 0 1px 3px rgba(16,24,40,.05);
  --dgp-shadow:    0 2px 6px rgba(16,24,40,.06), 0 6px 16px rgba(16,24,40,.06);
  --dgp-shadow-lg: 0 12px 32px rgba(16,24,40,.12);

  --dgp-sidebar-w: 248px;
  --dgp-header-h: 60px;
}

@media (prefers-color-scheme: dark) {
  :root {
    --dgp-bg:            #0e1117;
    --dgp-surface:       #161b23;
    --dgp-surface-2:     #1b212b;
    --dgp-border:        #262d38;
    --dgp-border-strong: #333c49;
    --dgp-ink:           #e8ecf3;
    --dgp-ink-soft:      #aeb7c6;
    --dgp-ink-muted:     #737f92;
    --dgp-accent-wash:   #1c1b3a;
  }
}