@layer reset, base, layout, components, sections, utilities;

@import "normalize.min.css" layer(reset);
@import "milligram.min.css" layer(base);
@import "fontawesome.min.css" layer(base);
@import "fontawesome_solid.min.css" layer(base);
@import "slim_select.css" layer(base);
@import "fonts.css" layer(base);
@import "cake.css" layer(base);
@import "base.css" layer(base);
@import "layout.css" layer(layout);
@import "components.css" layer(components);
@import "sections.css" layer(sections);
@import "utilities.css" layer(utilities);

:root {
    --color-primary: #37501b;
    --color-primary-transparent: rgba(55, 80, 27, 0.05);

    /* The following are official CakePHP colors */
    --color-cakephp-red: #d33c43;
    --color-cakephp-red-transparent: rgba(211, 60, 67, 0.05);
    --color-cakephp-gray: #404041;
    --color-cakephp-blue: var(--color-primary);
    --color-cakephp-lightblue: #6f97e1;

    /* These are additional colors */
    --color-lightgray: #606c76;
    --color-white: #fff;

    --color-main-bg: rgba(225, 89, 12, 0.05);
    --color-links: var(--color-cakephp-blue);
    --color-links-active: #37501b;
    --color-headings: #363637;

    --color-message-success-bg: #e3fcec;
    --color-message-success-text: #1f9d55;
    --color-message-success-border: #51d88a;

    --color-message-warning-bg: #fffabc;
    --color-message-warning-text: #8d7b00;
    --color-message-warning-border: #d3b800;

    --color-message-error-bg: #fcebea;
    --color-message-error-bg-light: #fcf5f5;
    --color-message-error-text: #cc1f1a;
    --color-message-error-border: #ef5753;

    --color-message-info-bg: #eff8ff;
    --color-message-info-text: #2779bd;
    --color-message-info-border: #6cb2eb;

    /* Fonts */
    --font-main: "Chau Philomene One", sans-serif;

    /* SlimSelect override */
    --ss-option-height: 4rem;
}