.prism-css {
    /* Color Variables */
    --primary-color: #FBDA6B; /* Used for all of the buttons */
    --shadow-color: rgba(229, 229, 229, 0.5); /* Used for shadows */
    --success-color: #58B947; /* Used for success messages and confirmed states */
    --error-color: #EF4148; /* Used for error messages and error states */
    --primary-icon-color: #121111; /* Used for all of the icons. Note: This only applies to SVG's */
    --icon-background-color: #FBDA6B; /* Background Color of the icons */
    --overlay-color: rgba(18, 17, 17, 0.5); /* Used for the overlay on top of the camera (i.e. blur) */
    --background-color: #FFFFFF; /* Used for the background of banners */

    /* Modal Close Button */
    --close-button-background-color: #FFFFFF; /* Background of the modal close button */
    --close-button-icon-color: #4b5563; /* Color of the "X" icon on the close button */

    --pose-acceptable-color: #58B947; /* Green - Used for the pose acceptable state */
    --pose-unacceptable-color: #FFFFFF; /* White - Used for the pose unacceptable state */
    --pose-landmark-color: #FFFFFF; /* White - Used for the pose landmark color */
    --outline-gradient: linear-gradient(to right, #51469C, #39BDED, #57B846, #FBDA6B, #F79150, #EE4147, #51469C); /* Outline of the Alerts / Banners */

    /* Text Color Variables */
    --title-text-color: #121111; /* Used for large titles (i.e Banner/Alert Titles (Above icons)) */
    --text-color: #121111; /* Used for all body text */
    --secondary-text-color: #ffffff; /* Used for secondary body text (i.e. Recording Countdown) */
    --button-text-color: #121111; /* Used for button text */

    /* Corner Radius Variables */
    --primary-button-corner-radius: 12px; /* Used for all primary buttons */
    --card-corner-radius: 20px; /* Used for all cards (i.e. Banner/Alert background) */

    /* Font Variables */
    --font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Helvetica Neue', Arial, sans-serif; /* System font stack */

    /* Used on the Countdown Text */
    --large-title-font-size: 6.25rem;
    --large-title-font-weight: bold;
    --large-title-line-height: 1.2;

    /* Large Title used on the Banner/Alert Titles (Above icons) */
    --title-font-size: 2.5rem;
    --title-font-weight: bold;
    --title-line-height: 1.2;

    /* Secondary Title used on the Banner/Alert Subtitles (Below icons) */
    --secondary-title-font-size: 1.5rem;
    --secondary-title-font-weight: 600;
    --secondary-title-line-height: 1.3;

    /* Body Text used for all body text */
    --body-font-size: 1rem;
    --body-font-weight: normal;
    --body-line-height: 1.5;

    /* Asset Size */
    --illustration-size: 150px;
}