/*------------------------------------------------------------------
  Luvio Design Tokens — шрифты Poppins, цвета, кнопки
------------------------------------------------------------------*/

/* Poppins @font-face */
@font-face {
    font-family: "Poppins";
    src: url("../fonts/Poppins/Poppins-Light.ttf") format("truetype");
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: "Poppins";
    src: url("../fonts/Poppins/Poppins-Regular.ttf") format("truetype");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: "Poppins";
    src: url("../fonts/Poppins/Poppins-Medium.ttf") format("truetype");
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: "Poppins";
    src: url("../fonts/Poppins/Poppins-SemiBold.ttf") format("truetype");
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: "Poppins";
    src: url("../fonts/Poppins/Poppins-Bold.ttf") format("truetype");
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

:root {
    /* Типографика: только шрифт + назначение (размеры не трогаем) */
    --LUVIO-font: "Poppins", sans-serif;
    --LUVIO-font-h1: 700;       /* Poppins Bold — заголовок H1 */
    --LUVIO-font-h2: 600;       /* Poppins Semibold — подзаголовок H2 */
    --LUVIO-font-description: 400;  /* Poppins Regular — описание */
    --LUVIO-font-notes: 300;    /* Poppins Light — примечания */
    --LUVIO-font-inactive: 400; /* Poppins Regular — неактивный текст */
    --LUVIO-font-button: 500;   /* Poppins Medium — кнопка */
    --LUVIO-font-chat: 400;     /* Poppins Regular — чат */
    --LUVIO-font-chat-time: 300;/* Poppins Light — подписи времени в чате */

    /* Кнопки */
    --LUVIO-radius-button: 60px;
    --LUVIO-btn-primary: #6B3CCB;        /* Primary Button */
    --LUVIO-btn-primary-hover: #5430A0;  /* Hover Primary Button */
    --LUVIO-btn-secondary: #DFDFDF;      /* Secondary Button */
    --LUVIO-btn-secondary-hover: #D0D0D0;  /* Hover Secondary Button */

    /* Фирменные цвета */
    --LUVIO-footer: #1E103A;
    --LUVIO-text: #040404;
    --LUVIO-description: #333333;
    --LUVIO-inactive: #5D5D5D;
    --LUVIO-substrate: #F3F3F3;
    --LUVIO-bg: #FAFAFA;

    /* Primary: #8148F7 #9D6FF8 #B896F9 | Secondary: #EAA7EE #F0C9F2 #F7E2F8 */
    --LUVIO-primary: #8148F7;
    --LUVIO-primary-mid: #9D6FF8;
    --LUVIO-primary-light: #B896F9;
    --LUVIO-secondary: #EAA7EE;
    --LUVIO-secondary-mid: #F0C9F2;
    --LUVIO-secondary-light: #F7E2F8;

    /* Доп. действия: лайк #E40C4E, акценты #30F28E #FFDB59 #64E54B #5395EC #7945E5 */
    --LUVIO-like: #E40C4E;
    --LUVIO-accent-1: #30F28E;
    --LUVIO-accent-2: #FFDB59;
    --LUVIO-accent-3: #64E54B;
    --LUVIO-accent-4: #5395EC;
    --LUVIO-accent-5: #7945E5;

    /* Семантические: Error #FF1D1D | Warning #F9B138 | Success #71E05F | Info #5E9CED */
    --LUVIO-error: #FF1D1D;
    --LUVIO-warning: #F9B138;
    --LUVIO-success: #71E05F;
    --LUVIO-info: #5E9CED;

    /* Отступы (8px base) */
    --LUVIO-space-xs: 4px;
    --LUVIO-space-sm: 8px;
    --LUVIO-space-md: 16px;
    --LUVIO-space-lg: 24px;
    --LUVIO-space-xl: 32px;
    --LUVIO-space-2xl: 40px;
}