COLORS = {
    "theme": {
        "palette": {
            "light": {
                "media": "(prefers-color-scheme: light)",
                "scheme": "default",
                "primary": "teal",
                "accent": "purple"
            },
            "dark": {
                "media": "(prefers-color-scheme: dark)",
                "scheme": "slate",
                "primary": "teal",
                "accent": "purple"
            }
        }
    },

    "frame": {
        # "header_bg_light": "#1E88E5", (bleu)
        "header_bg_light": "#CC7722",
        "header_bg_dark": "#CC7722",
        "header_top_border_light": "",
        "header_top_border_dark": ""
    },

    "document_title": {
        "color": "#2c3e50"
    },

    "copy_button": {
        "border": "rgba(0,150,136,.45)",
        "background": "rgba(0,150,136,.12)",
        "text": "rgb(0,150,136)",
        "background_hover": "rgba(0,150,136,.20)"
    },

    "images": {
        "shadow": {
            "zoomable": "0 8px 24px rgba(0,0,0,.28), 0 18px 60px rgba(0,0,0,.20)",
            "zoomable_hover": "0 12px 30px rgba(0,0,0,.32), 0 26px 80px rgba(0,0,0,.22)",
            "lightbox": "0 24px 80px rgba(0,0,0,.65)"
        }
    }
}
