:root {
  --bg-base:            #F8FAFC;
  --bg-surface:         #FFFFFF;
  --bg-elevated:        #F1F5F9;
  --bg-preview:         #FAFAFA;

  --color-primary:      #1E3A5F;
  --color-primary-light:#2563EB;
  --color-accent:       #0EA5E9;

  --color-success:      #16A34A;
  --color-warning:      #D97706;
  --color-error:        #DC2626;

  --text-primary:       #0F172A;
  --text-secondary:     #475569;
  --text-tertiary:      #94A3B8;
  --text-legal:         #1E293B;

  --border:             #E2E8F0;
  --border-focus:       #2563EB;
  --border-strong:      #CBD5E1;

  --step-active:        #2563EB;
  --step-done:          #16A34A;
  --step-pending:       #CBD5E1;

  --radius-sm:  4px;
  --radius-md:  8px;
  --radius-lg:  12px;
  --radius-xl:  16px;

  --font-ui:    'Inter', system-ui, sans-serif;
  --font-legal: 'Lora', Georgia, serif;

  --shadow-sm:  0 1px 3px rgba(0,0,0,0.08);
  --shadow-md:  0 4px 12px rgba(0,0,0,0.10);
}