digraph system_overview {
    bgcolor="#0a0a0a"
    rankdir=TB
    compound=true
    fontname="Helvetica"
    node [fontname="Helvetica" fontsize=11 style=filled color="#333" fontcolor="#e5e5e5"]
    edge [fontname="Helvetica" fontsize=9 fontcolor="#a3a3a3" color="#666"]

    label="Soleprint — System Overview"
    labelloc=t
    fontsize=14
    fontcolor="#d4a574"

    // Core
    subgraph cluster_core {
        label="Soleprint Hub"
        style=dashed
        color="#d4a574"
        fontcolor="#d4a574"

        hub [label="soleprint\ncore coordinator\nport 12000" fillcolor="#1a1a1a" shape=box]
    }

    // Artery
    subgraph cluster_artery {
        label="Artery — Todo lo vital"
        style=dashed
        color="#b91c1c"
        fontcolor="#fca5a5"

        veins [label="Veins\nstateless connectors" fillcolor="#1a1a1a"]
        shunts [label="Shunts\nmock connectors" fillcolor="#1a1a1a"]
        pulses [label="Pulses\ncomposed flows" fillcolor="#1a1a1a"]
    }

    // Atlas
    subgraph cluster_atlas {
        label="Atlas — Documentacion accionable"
        style=dashed
        color="#15803d"
        fontcolor="#86efac"

        books [label="Books\ndocumentation" fillcolor="#1a1a1a"]
        templates [label="Templates\npatterns" fillcolor="#1a1a1a"]
    }

    // Station
    subgraph cluster_station {
        label="Station — Centro de control"
        style=dashed
        color="#1d4ed8"
        fontcolor="#93c5fd"

        tools [label="Tools\ntester · datagen · modelgen" fillcolor="#1a1a1a"]
        monitors [label="Monitors\ndatabrowse" fillcolor="#1a1a1a"]
    }

    // External
    subgraph cluster_external {
        label="External APIs"
        style=dashed
        color="#333"
        fontcolor="#666"

        jira [label="Jira" fillcolor="#1a1a1a" fontcolor="#a3a3a3"]
        google [label="Google" fillcolor="#1a1a1a" fontcolor="#a3a3a3"]
        slack [label="Slack" fillcolor="#1a1a1a" fontcolor="#a3a3a3"]
    }

    // Managed app
    subgraph cluster_managed {
        label="Managed App"
        style=dashed
        color="#333"
        fontcolor="#666"

        app_fe [label="Frontend" fillcolor="#1a1a1a" fontcolor="#a3a3a3"]
        app_be [label="Backend" fillcolor="#1a1a1a" fontcolor="#a3a3a3"]
        app_db [label="Database" fillcolor="#1a1a1a" fontcolor="#a3a3a3" shape=cylinder]
    }

    // Connections
    hub -> veins [label="routes" color="#b91c1c"]
    hub -> books [label="routes" color="#15803d"]
    hub -> tools [label="routes" color="#1d4ed8"]

    veins -> jira [label="API"]
    veins -> google [label="OAuth"]
    veins -> slack [label="API"]
    veins -> pulses [label="compose"]

    tools -> app_be [label="test" style=dashed]
    monitors -> app_db [label="browse" style=dashed]

    // Sidebar injection
    hub -> app_fe [label="sidebar\ninjection" color="#d4a574" style=dashed]
}