/* =========================================================
   Ultiweb Contact Form
   Design Variables
========================================================= */

:root {

    /* Colors */

    --color-primary: #1A1A1A;
    --color-secondary: #FFC107;

    --color-white: #FFFFFF;

    --color-border: #C5C5C5;
    --color-placeholder: #9E9E9E;

    --color-success: #22C55E;
    --color-error: #E53935;

    --color-background: #FFFFFF;

    /* Typography */

    --font-family: "Poppins", sans-serif;

    --font-size-label: 15px;
    --font-size-input: 15px;
    --font-size-error: 13px;
    --font-size-button: 16px;

    --font-weight-normal: 400;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;

    /* Radius */

    --radius: 8px;

    /* Borders */

    --border-desktop: 2px solid var(--color-border);
    --border-mobile: 2px solid var(--color-border);

    --focus-border: var(--color-secondary);

    /* Inputs */

    --input-height: 44px;

    /* Textarea */

    --textarea-height: 120px;

    /* Button */

    --button-height: 54px;

    /* Animation */

    --transition: .25s ease;

    /* Shadows */

    --shadow-focus:
        0 0 0 2px rgba(255,193,7,.20);

}