/* Design tokens for the Pinegrow website. Link this file before the other modules and pgtc/pgtc-style.css. */
:root {
    /* Palette */
    --color-pacific-blue: #0198cd;
    --color-seagull: #70c9cb;
    --color-deep-cerulean: #0079ae;
    --color-conifer: #bbdd44;
    --color-porcelain: #e8ecee;
    --color-iron: #d0d2d3;
    --color-nobel: #b3b3b3;
    --color-white: #ffffff;
    --color-ship-gray: #3f3f40;
    --color-manatee: #929397;
    --color-blue-dianne: #284a56;
    --color-blue-stone: #00566a;
    --color-porcelain-child: #404041;
    --color-sales: #929497;

    /* Brand colors */
    --pg-blue: var(--color-pacific-blue);
    --pg-blue-dark: var(--color-blue-stone);
    --pg-blue-dark-lighter: #007793; /* --pg-blue-dark, 8% lighter */
    --pg-blue-light: #bce4e9;
    --pg-blue-note: rgba(1, 152, 205, 0.1); /* --pg-blue at 10% opacity */
    --pg-gray: var(--color-porcelain);
    --pg-gray-dark: var(--color-nobel);
    --pg-gray-darker: #404041;
    --pg-white: #ffffff;
    --pg-orange: #fda050;
    --pg-tw: #57b1b8;

    /* Feature sections */
    --feature-padding-lg: 80px;
    --feature-padding-xl: 100px;
    --video-vert-border: #eee;
    --feature-border: #ddd;
    --color-feature-title: #00566a;

    /* Typography */
    --font-primary: "Open Sans", sans-serif;
}