/*
 Theme Name:   Bricks trijos
 Theme URI:    https://bricksbuilder.io/
 Description:  Theme for trijos
 Author:       David Karnagel
 Author URI:   https://davidkarnagel.com/
 Template:     bricks
 Version:      1.1.0.1
 Text Domain:  trijos
*/

/* Semantic */
:root {
    /* Mode 1 */
    /* color */
    --background-color-alternate: var(--color-neutral-black);
    --background-color-error: var(--color-system-error-red-light);
    --background-color-primary: var(--color-neutral-white);
    --background-color-secondary: var(--color-neutral-neutral-lighter);
    --background-color-success: var(--color-system-success-green-light);
    --background-color-tertiary: var(--color-neutral-neutral-dark);
    --background-color-brand-blue: var(--color-brand-blue);
    --background-color-brand-pink: var(--color-brand-pink);
    --border-alternate: var(--color-neutral-white);
    --border-error: var(--color-system-error-red);
    --border-primary: var(--color-neutral-black);
    --border-secondary: var(--color-neutral-neutral-light);
    --border-success: var(--color-system-success-green);
    --border-tertiary: var(--color-neutral-neutral-dark);
    --link-alternate: var(--color-neutral-white);
    --link-primary: var(--color-neutral-black);
    --link-secondary: var(--color-neutral-neutral);
    --text-alternate: var(--color-neutral-white);
    --text-error: var(--color-system-error-red);
    --text-primary: var(--color-neutral-black);
    --text-secondary: var(--color-neutral-neutral-light);
    --text-success: var(--color-system-success-green);
}

/* Primitive */
:root {
    /* Mode 1 */
    /* color */
    --color-brand-blue: #1F78EA;
    --color-brand-pink-light: #ECB3C2;
    --color-brand-pink: #E92359;
    --color-brand-pink-dark: #830B2B;
    --color-neutral-black: #070707;
    --color-neutral-neutral: #666666;
    --color-neutral-neutral-dark: #444444;
    --color-neutral-neutral-darker: #222222;
    --color-neutral-neutral-darkest: #111111;
    --color-neutral-neutral-light: #8f8f8f;
    --color-neutral-neutral-lighter: #cccccc;
    --color-neutral-neutral-lightest: #eeeeee;
    --color-neutral-white: #ffffff;
    --color-system-error-red: #b42318;
    --color-system-error-red-light: #fef3f2;
    --color-system-success-green: #027a48;
    --color-system-success-green-light: #ecfdf3;
}