{
    "id": "8-bit-arcade",
    "name": "8-Bit Arcade",
    "category": "tech",
    "description": "Retro gaming high-score screen. Pixelated fonts on dark backgrounds.",
    "vibe": "Retro, Gaming, Pixel",
    "googleFontsImport": "https://fonts.googleapis.com/css2?family=Press+Start+2P&family=VT323&display=swap",
    "typography": {
        "fonts": {
            "heading": "Press Start 2P",
            "body": "VT323",
            "code": "VT323"
        },
        "colors": {
            "text": "FFFFFF",
            "textSecondary": "D500F9",
            "background": "000000",
            "accent": "76FF03",
            "border": "FFFFFF",
            "codeBg": "212121",
            "blockquoteBg": "000000",
            "blockquoteBorder": "FFFF00"
        }
    },
    "elements": {
        "h1": {
            "font": "heading",
            "size": 20,
            "color": "accent",
            "bold": false,
            "align": "center",
            "background": "codeBg",
            "padding": 20,
            "spacing": {
                "before": 48,
                "after": 28,
                "line": 1.5
            }
        },
        "h2": {
            "font": "heading",
            "size": 12,
            "color": "textSecondary",
            "bold": false,
            "align": "left",
            "spacing": {
                "before": 32,
                "after": 16,
                "line": 1.4
            }
        },
        "h3": {
            "font": "heading",
            "size": 11,
            "color": "border",
            "bold": false,
            "align": "left",
            "spacing": {
                "before": 24,
                "after": 12,
                "line": 1.4
            }
        },
        "h4": {
            "font": "heading",
            "size": 10,
            "color": "border",
            "bold": false,
            "align": "left",
            "spacing": {
                "before": 20,
                "after": 10,
                "line": 1.4
            }
        },
        "h5": {
            "font": "body",
            "size": 14,
            "color": "text",
            "bold": true,
            "align": "left",
            "spacing": {
                "before": 16,
                "after": 8,
                "line": 1.4
            }
        },
        "h6": {
            "font": "body",
            "size": 14,
            "color": "text",
            "bold": true,
            "align": "left",
            "spacing": {
                "before": 16,
                "after": 8,
                "line": 1.4
            }
        },
        "p": {
            "font": "body",
            "size": 14,
            "color": "text",
            "align": "left",
            "spacing": {
                "before": 0,
                "after": 14,
                "line": 1.4
            }
        },
        "blockquote": {
            "font": "body",
            "size": 14,
            "color": "blockquoteBorder",
            "italic": false,
            "align": "left",
            "spacing": {
                "before": 20,
                "after": 20,
                "line": 1.4
            },
            "padding": 16,
            "border": {
                "color": "border",
                "width": 4,
                "style": "dashed"
            },
            "background": "blockquoteBg"
        },
        "code": {
            "font": "code",
            "size": 14,
            "color": "accent",
            "background": "codeBg",
            "spacing": {
                "before": 0,
                "after": 0,
                "line": 1.4
            }
        },
        "pre": {
            "font": "code",
            "size": 14,
            "color": "accent",
            "background": "codeBg",
            "padding": 16,
            "spacing": {
                "before": 16,
                "after": 16,
                "line": 1.4
            },
            "border": {
                "color": "accent",
                "width": 2,
                "style": "dashed"
            }
        },
        "ul": {
            "spacing": {
                "before": 16,
                "after": 16,
                "line": 1.4
            },
            "indent": 24,
            "bullet": "square"
        },
        "ol": {
            "spacing": {
                "before": 16,
                "after": 16,
                "line": 1.4
            },
            "indent": 24,
            "numbering": "decimal"
        },
        "li": {
            "font": "body",
            "size": 14,
            "color": "text",
            "spacing": {
                "before": 4,
                "after": 4,
                "line": 1.4
            }
        },
        "strong": {
            "font": "heading",
            "bold": false,
            "color": "accent"
        },
        "em": {
            "font": "body",
            "italic": true
        },
        "a": {
            "font": "body",
            "color": "textSecondary",
            "underline": true,
            "bold": true
        },
        "table": {
            "spacing": {
                "before": 24,
                "after": 24,
                "line": 1.4
            },
            "border": {
                "color": "border",
                "width": 2,
                "style": "dashed"
            }
        },
        "th": {
            "font": "heading",
            "size": 12,
            "color": "accent",
            "bold": false,
            "background": "codeBg",
            "padding": 12,
            "borderBottom": {
                "color": "border",
                "width": 2,
                "style": "dashed"
            }
        },
        "td": {
            "font": "body",
            "size": 14,
            "color": "text",
            "padding": 12,
            "borderBottom": {
                "color": "border",
                "width": 2,
                "style": "dashed"
            }
        },
        "hr": {
            "spacing": {
                "before": 32,
                "after": 32
            },
            "border": {
                "color": "textSecondary",
                "width": 4,
                "style": "dashed"
            }
        },
        "img": {
            "align": "center",
            "spacing": {
                "before": 24,
                "after": 24
            },
            "border": {
                "color": "border",
                "width": 4,
                "style": "dashed"
            },
            "filter": "contrast(1.2) brightness(0.9)"
        },
        "del": {
            "font": "body",
            "strikethrough": true,
            "color": "border"
        },
        "sup": {
            "font": "body",
            "size": 10,
            "superScript": true
        },
        "sub": {
            "font": "body",
            "size": 10,
            "subScript": true
        },
        "mark": {
            "font": "body",
            "background": "textSecondary",
            "color": "background"
        },
        "footnote": {
            "font": "body",
            "size": 12,
            "color": "textSecondary",
            "superScript": true
        },
        "footnoteRef": {
            "font": "body",
            "size": 12,
            "color": "textSecondary",
            "spacing": {
                "before": 4,
                "after": 4,
                "line": 1.2
            }
        }
    },
    "page": {
        "margins": {
            "top": 72,
            "bottom": 72,
            "left": 72,
            "right": 72
        },
        "columns": 1,
        "header": true,
        "footer": true
    }
}