:root {
    --font-sansflex: 'Google Sans Flex', sans-serif;
    --font-figtree: 'Figtree', sans-serif;
    --font-AveriaSeriflibre-light: 'AveriaSeriflibre-Light';
    --font-AveriaSeriflibre-regular: 'AveriaSeriflibre-Regular';
    --font-AveriaSeriflibre-bold: 'AveriaSeriflibre-Bold';

    /* --brand-primary: #EF488D;
    --primary-dark: #AC3465;
    --primary-deep: #793232; */
    --footer-bg: #FFEAE4;
    --footer-bottom-bg: #77304B;

    --black-color: #211028;
    --black-first-color: #212529;
    --black-second-color: #000E2F;

    --dark-text: #000000;
    --dark-title: #25000E;
    --dark-subtitle: #25000E;
    --dark-body: #25000E;
    --white-color: #FFFFFF;
    --white-color-rgb: 255, 255, 255;
    --light-pink: #FFF3F7;
    --light-first-pink: #F4C7D8;
    --light-first-pink-rgb: 244, 199, 216;
    --light-second-pink: #FFCCBD;
    --light-third-pink: #FFF9FB;
    --light-fourth-pink: #EFB2C2;
    --light-fourth-pink-rgb: 239, 178, 194;
    --light-five-pink: #E3DEEC;
    --light-five-pink-rgb: 227, 222, 236;
    --light-six-pink: #c8756a;
    --dark-pink: #77304B;
    --dark-pink-rgb: 119, 48, 75;
    --dark-pink-first-color: #B48888;
    --dark-maroon: #25000E;
    --dark-maroon-rgb: 37, 0, 14;
    --dark-gray-color: #929292;
    --light-gray-color: #F1F2ED;


    --button-primary-color: var(--white-color);
    --button-primary-border-color: transparent;
    --button-primary-bg-color: var(--dark-pink);

    --button-primary-hover-color: var(--dark-pink);
    --button-primary-hover-border-color: var(--dark-pink);
    --button-primary-hover-bg-color: transparent;

    --button-secondary-color: var(--black-color);
    --button-secondary-border-color: transparent;
    --button-secondary-bg-color: var(--light-first-pink);

    --button-secondary-hover-color: var(--black-color);
    --button-secondary-hover-border-color: var(--black-color);
    --button-secondary-hover-bg-color: transparent;

    /* Background */
    --gradient-bg: linear-gradient(180deg, var(--light-second-pink) 0%, var(--dark-pink) 100%);

    /* Transition */
    --global-t-03 : all 0.3s ease-in-out;
    --header-t-03 : padding 0.3s ease, font-size 0.3s ease, line-height 0.3s ease;

    /* Shadow */
    --header-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);


    /*Gallery*/
    --bg: #0c0c0f;
    --surface: #141418;
    --border: rgba(255, 255, 255, 0.07);
    /* --accent: #e2ff5d; */
    --accent2: #5d8bff;
    --text: #f0f0f0;
    --muted: #888;
    --radius: 12px;
    --gap: 20px;
    --transition: 0.35s cubic-bezier(.4, 0, .2, 1);

}