/* 
 * Campaign Style Overrides - Arag
 */

/* Add Custom font imports here */

/* Variables */
:root {
    /* Body */
    --body-background: #ffffff;
    --body-color: #000;
    --body-font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;

    /* Header */
    --header-background: #ffffff;
    --header-border-color: #b3b3b3;
    --header-border-width: 0 0 1px 0;

    /* Container */
    --container-padding: 0 1rem;
    --container-margin: 2rem auto;
    --container-width: 1200px;

    /* Separators */
    --separator-color: #b3b3b3;

    /* Panels */
    --panel-background: #fff;
    --panel-border-width: 1px;
    --panel-border-color: #b3b3b3;
    --panel-border-radius: 0;
    --panel-separator-color: rgba(0,0,0,.2);

    /* Images */
    --image-border-width: 1px;
    --image-border-color: #b3b3b3;
    --image-border-radius: 0;

    /* Titles */
    --title-primary-color: #000;
    --title-primary-font-family: Georgia, Times, "Times New Roman", serif;
    --title-primary-font-weight: 400;
    --title-secondary-color: #000;
    --title-secondary-font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
    --title-secondary-font-weight: 400;

    /* Links */
    --link-color: #277a8a;
    --link-hover-color: #154e58;

    /* Buttons */
    --button-border-radius: 3px;
    --button-border-radius-md: 5px;
    --button-font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
    --button-background: transparent;
    --button-hover-background: transparent;
    --button-color: #000;
    --button-hover-color: #000;
    --button-border-width: 1px;
    --button-border-color: #000;
    --button-hover-border-color: #ffd402;

    /* Yellow Button */
    --button-primary-background: #f9ed43;
    --button-primary-hover-background: #ffd402;
    --button-primary-color: #000;
    --button-primary-hover-color: #000;
    --button-primary-border-width: 0;
    --button-primary-border-color: #f9ed43;
    --button-primary-hover-border-color: #ffd402;

    /* Blue Button */
    --button-secondary-background: #f9ed43;
    --button-secondary-hover-background: #ffd402;
    --button-secondary-color: #000;
    --button-secondary-hover-color: #000;
    --button-secondary-border-width: 0;
    --button-secondary-border-color: #f9ed43;
    --button-secondary-hover-border-color: #ffd402;

    /* Outline Button */
    --button-outline-background: transparent;
    --button-outline-hover-background: transparent;
    --button-outline-color: #000;
    --button-outline-hover-color: #000;
    --button-outline-border-width: 2px;
    --button-outline-border-color: #000;
    --button-outline-hover-border-color: #ffd402;

    /* Disabled Button */
    --button-disabled-background: #ccc;
    --button-disabled-color: #b3b3b3;
    --button-disabled-border-width: 0;
    --button-disabled-border-color: transparent;

    /* Forms */
    --form-label-color: #000;
    --form-accent-color: #000;
    --form-border-color: #ccc;
    --form-border-focus-color: #f9ed43;
    --form-placeholder-color: #e4e4e4;

    /* Star Rating */
    --star-on-color: #f9ed43;
    --star-off-color: #ccc;
}