{
    "id": "code-editor",
    "name": "Code Editor",
    "category": "tech",
    "description": "Dark mode IDE aesthetic. Monospaced fonts with syntax-highlighting color palette.",
    "vibe": "Technical, Dark, Coding",
    "googleFontsImport": "https://fonts.googleapis.com/css2?family=Inconsolata:wght@400;700&family=Source+Code+Pro:wght@400;500;600;700&display=swap",
    "typography": {
        "fonts": {
            "heading": "Inconsolata",
            "body": "Source Code Pro",
            "code": "Source Code Pro"
        },
        "colors": {
            "text": "ABB2BF",
            "textSecondary": "98C379",
            "background": "282C34",
            "accent": "E06C75",
            "border": "3E4451",
            "codeBg": "2C313C",
            "blockquoteBg": "2C313C",
            "blockquoteBorder": "E06C75"
        }
    },
    "elements": {
        "h1": {
            "font": "heading",
            "size": 26,
            "color": "61AFEF",
            "bold": true,
            "align": "left",
            "background": "background",
            "padding": 20,
            "spacing": {
                "before": 48,
                "after": 24,
                "line": 1.2
            }
        },
        "h2": {
            "font": "body",
            "size": 14,
            "color": "textSecondary",
            "bold": true,
            "align": "left",
            "spacing": {
                "before": 36,
                "after": 18,
                "line": 1.3
            }
        },
        "h3": {
            "font": "body",
            "size": 12,
            "color": "E5C07B",
            "bold": true,
            "align": "left",
            "spacing": {
                "before": 24,
                "after": 12,
                "line": 1.4
            }
        },
        "h4": {
            "font": "body",
            "size": 11,
            "color": "56B6C2",
            "bold": true,
            "align": "left",
            "spacing": {
                "before": 20,
                "after": 10,
                "line": 1.4
            }
        },
        "h5": {
            "font": "body",
            "size": 10,
            "color": "C678DD",
            "bold": true,
            "align": "left",
            "spacing": {
                "before": 16,
                "after": 8,
                "line": 1.4
            }
        },
        "h6": {
            "font": "body",
            "size": 10,
            "color": "C678DD",
            "bold": true,
            "align": "left",
            "uppercase": true,
            "spacing": {
                "before": 16,
                "after": 8,
                "line": 1.4
            }
        },
        "p": {
            "font": "body",
            "size": 10,
            "color": "text",
            "align": "left",
            "spacing": {
                "before": 0,
                "after": 16,
                "line": 1.6
            }
        },
        "blockquote": {
            "font": "body",
            "size": 11,
            "color": "accent",
            "italic": false,
            "align": "left",
            "spacing": {
                "before": 24,
                "after": 24,
                "line": 1.6
            },
            "padding": 16,
            "border": {
                "left": {
                    "color": "blockquoteBorder",
                    "width": 4,
                    "style": "solid"
                }
            },
            "background": "blockquoteBg"
        },
        "code": {
            "font": "code",
            "size": 10,
            "color": "textSecondary",
            "background": "codeBg",
            "spacing": {
                "before": 0,
                "after": 0,
                "line": 1.5
            }
        },
        "pre": {
            "font": "code",
            "size": 10,
            "color": "text",
            "background": "codeBg",
            "padding": 16,
            "spacing": {
                "before": 16,
                "after": 16,
                "line": 1.5
            },
            "border": {
                "color": "border",
                "width": 1,
                "style": "solid"
            }
        },
        "ul": {
            "spacing": {
                "before": 16,
                "after": 16,
                "line": 1.6
            },
            "indent": 24,
            "bullet": "circle"
        },
        "ol": {
            "spacing": {
                "before": 16,
                "after": 16,
                "line": 1.6
            },
            "indent": 24,
            "numbering": "decimal"
        },
        "li": {
            "font": "body",
            "size": 10,
            "color": "text",
            "spacing": {
                "before": 4,
                "after": 4,
                "line": 1.6
            }
        },
        "strong": {
            "font": "body",
            "bold": true,
            "color": "E5C07B"
        },
        "em": {
            "font": "body",
            "italic": true
        },
        "a": {
            "font": "body",
            "color": "61AFEF",
            "underline": true,
            "bold": true
        },
        "table": {
            "spacing": {
                "before": 24,
                "after": 24,
                "line": 1.5
            },
            "border": {
                "color": "border",
                "width": 1,
                "style": "solid"
            }
        },
        "th": {
            "font": "body",
            "size": 10,
            "color": "textSecondary",
            "bold": true,
            "background": "codeBg",
            "padding": 12,
            "borderBottom": {
                "color": "border",
                "width": 1,
                "style": "solid"
            }
        },
        "td": {
            "font": "body",
            "size": 10,
            "color": "text",
            "padding": 12,
            "borderBottom": {
                "color": "border",
                "width": 1,
                "style": "solid"
            }
        },
        "hr": {
            "spacing": {
                "before": 32,
                "after": 32
            },
            "border": {
                "color": "border",
                "width": 1,
                "style": "solid"
            }
        },
        "img": {
            "align": "center",
            "spacing": {
                "before": 24,
                "after": 24
            },
            "border": {
                "color": "border",
                "width": 1,
                "style": "solid"
            }
        },
        "del": {
            "font": "body",
            "strikethrough": true,
            "color": "5C6370"
        },
        "sup": {
            "font": "body",
            "size": 9,
            "superScript": true
        },
        "sub": {
            "font": "body",
            "size": 9,
            "subScript": true
        },
        "mark": {
            "font": "body",
            "background": "codeBg",
            "color": "E5C07B"
        },
        "footnote": {
            "font": "body",
            "size": 10,
            "color": "5C6370",
            "superScript": true
        },
        "footnoteRef": {
            "font": "body",
            "size": 10,
            "color": "5C6370",
            "spacing": {
                "before": 4,
                "after": 4,
                "line": 1.2
            }
        }
    },
    "page": {
        "margins": {
            "top": 72,
            "bottom": 72,
            "left": 72,
            "right": 72
        },
        "columns": 1,
        "header": true,
        "footer": true
    }
}