/* Variables
/* ---------------------------------------------------------- */

:root {

    /* Custom Font Stuff */
    --gh-font-heading: "Cantata One", serif;
    --gh-font-body: "Cormorant Garamond", serif;

    /* Colours */
    --color-primary: var(--ghost-accent-color, #3eb0ef);
    --color-brand-primary: #1c4e6e;
    --color-brand-secondary: #a7e1cf;
    --color-brand-ternary: #667e79;
    --color-base: #131313;
    --color-border: #ddd;
    --color-bg: #f5f5f5;
    --color-success: #80b912;
    --color-error: #f05230;

    /* Fonts */
    --font-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
    --font-header-serif: "Cantata One", serif;
    --font-serif: "Cormorant Garamond", serif;
    --font-mono: Menlo, Courier, monospace;
    --font-light: 100;
    --font-header-weight: 400;
    --font-normal: 600;
    --font-bold: 700;
    --font-heavy: 800;

    /* Breakpoints */
    --xlarge: 1680px;
    --large: 1280px;
    --medium: 980px;
    --small: 740px;
    --xsmall: 480px;

    /* Sizes */
    --height: 4rem;
    --margin: 2rem;
    --radius: 0.5rem;

    --page-max-width: 1200px;

}
