%%{init: {'theme':'base', 'themeVariables': { 'fontSize':'16px', 'fontFamily':'Arial'}}}%%
graph TB
    A["<b>🏛️ Software Design Principles</b>"]
    A --> B["<b>🏗️ Architecture</b>"]
    A --> E["<b>📐 Principles</b>"]
    A --> I["<b>🎨 Patterns</b>"]
    
    B --> B1[Layered]
    B --> B2[Clean]
    B --> B3[Onion]
    
    E --> E1[OOP]
    E --> E2[SOLID]
    E --> E3[RESTful]
    
    I --> I1[Repository]
    I --> I2[Unit of Work]
    I --> I3[Mediator]
    
    style A fill:#512BD4,stroke:#fff,stroke-width:4px,color:#fff
    style B fill:#0A7C86,stroke:#fff,stroke-width:3px,color:#fff
    style E fill:#0A7C86,stroke:#fff,stroke-width:3px,color:#fff
    style I fill:#0A7C86,stroke:#fff,stroke-width:3px,color:#fff
    style B1 fill:#1a1a1a,stroke:#0A7C86,stroke-width:2px,color:#fff
    style B2 fill:#1a1a1a,stroke:#0A7C86,stroke-width:2px,color:#fff
    style B3 fill:#1a1a1a,stroke:#0A7C86,stroke-width:2px,color:#fff
    style E1 fill:#1a1a1a,stroke:#512BD4,stroke-width:2px,color:#fff
    style E2 fill:#1a1a1a,stroke:#512BD4,stroke-width:2px,color:#fff
    style E3 fill:#1a1a1a,stroke:#512BD4,stroke-width:2px,color:#fff
    style I1 fill:#1a1a1a,stroke:#FF6B35,stroke-width:2px,color:#fff
    style I2 fill:#1a1a1a,stroke:#FF6B35,stroke-width:2px,color:#fff
    style I3 fill:#1a1a1a,stroke:#FF6B35,stroke-width:2px,color:#fff