/* global-theme.css */
:root {
    /* Primary Colors */
    --primary-color: #7851A9;
    --primary-light-1: #9575BD; /* Lighter primary color (shade 1) */
    --primary-light-2: #B59FD1; /* Lighter primary color (shade 2) */

    --secondary-color: #8E4585;
    --secondary-light-1: #AF5AA5; /* Lighter secondary color (shade 1) */
    --secondary-light-2: #C383BB; /* Lighter secondary color (shade 2) */
    /* Background Colors */
    --accent-color: #FBF7FE;
    --accent-darken-color: #E8E0F2;
    /* State Colors */
    --error-color: #ED7B84; /* For error messages */
    --warning-color: #FFA630; /* For warnings */
    --success-color: #8AEA92; /* For success messages */
    --info-color: #BCEDF6; /* For informational messages */
    /* Anchor Colors */
    --anchor-color: #593C7C; /* Default link color */
    --anchor-hover-color: #2980b9; /* Hover state */
    --anchor-active-color: #1abc9c; /* Active state */
    /* Typography */
    --font-color: #3D2063;
    --font-body-family: 'Roboto', sans-serif;
    --font-title-family: 'Encode Sans', sans-serif;
    --bold-font-weight: bold;
    --normal-font-weight: normal;
    --light-font-weight: lighter;
    /* Font sizes for different headings */
    --heading-h1-font-size: 3.375rem;
    --heading-h2-font-size: 2rem;
    --heading-h3-font-size: 1.5rem;
    --heading-h4-font-size: 1.3125rem;
    --heading-subtitle-font-size: 1.5rem;
    --button-text-font-size: 1rem;
    /* Font sizes for different body */

    --big-body-font-size: 1.125rem; /* Big body size */
    --body-font-size: 1rem; /* Normal text size */
    --body-small-font-size: 0.875rem; /* Small text size */
    /* Spacing
    --padding: 16px;
    --margin: 16px;*/
    /* Border radius
    --border-radius: 8px;*/
    /* TITLE*/
    --h1-text: var(--bold-font-weight) var(--heading-h1-font-size) var(--font-title-family);
    --h2-text: var(--bold-font-weight) var(--heading-h2-font-size) var(--font-title-family);
    --h3-text: var(--bold-font-weight) var(--heading-h3-font-size) var(--font-title-family);
    --h4-text: var(--normal-font-weight) var(--heading-h4-font-size) var(--font-title-family);
    --subtitle-text: var(--light-font-weight) var(--heading-subtitle-font-size) var(--font-title-family);
    --button-text: var(--bold-font-weight) var(--button-text-font-size) var(--font-title-family);
    /* BODY*/
    --body-big-text: var(--normal-font-weight) var(--big-body-font-size) var(--font-body-family);
    --body-text: var(--normal-font-weight) var(--body-font-size) var(--font-body-family);
    --body-bold-text: var(--bold-font-weight) var(--body-font-size) var(--font-body-family);
    --body-small-text: var(--normal-font-weight) var(--body-small-font-size) var(--font-body-family);
    --body-small-bold-text: var(--bold-font-weight) var(--body-small-font-size) var(--font-body-family);
}