/**
 * Performe Mais v2 — Tokens de design (fonte única).
 *
 * Extraídos 1:1 do Figma (Dev Mode / get_variable_defs) do arquivo "Perfome Mais".
 * TODAS as telas do plugin devem usar estas variáveis no restyle, em vez de
 * valores soltos — assim o site fica idêntico ao Figma e configurável num lugar só.
 *
 * @package Performe_Mais_V2
 */

:root {
    /* ---- Cores (Figma: brand/secondary, text, background, stroke) ---- */
    --pm-primary:          #1d5eff; /* brand/secondary/base */
    --pm-primary-darker:   #174bcc; /* brand/secondary/dark */
    --pm-primary-dark:     #113899; /* secondary/30 */
    --pm-primary-light:    #d2dfff; /* secondary/90 */
    --pm-primary-lighter:  #ebf1ff; /* brand/secondary/lighter */
    --pm-text-darker:      #0a0f14; /* text/darker */
    --pm-text-dark:        #2a323d; /* text/dark */
    --pm-text-strong:      #4c5562; /* text/strong */
    --pm-text-soft:        #707a87; /* text/soft (placeholder) */
    --pm-text-white:       #fafbfc; /* text/white */
    --pm-bg-soft:          #f0f2f4; /* background/soft */
    --pm-bg-white:         #fafbfc; /* background/white */
    --pm-stroke-soft:      #e1e4e7; /* stroke/soft */
    --pm-error:            #d94d6d; /* feedback/error/main */
    --pm-alpha-neutral-24: #4c55623d;
    --pm-alpha-primary-4:  #0a0f140a;
    --pm-alpha-primary-8:  #0a0f1414;
    /* Campos de formulário (Figma: alpha/coolneutral) */
    --pm-input-bg:         rgba(76,85,98,.04);  /* alpha/coolneutral/4 */
    --pm-input-border:     rgba(76,85,98,.24);  /* alpha/coolneutral/24 */

    /* ---- Raios ---- */
    --pm-radius-4:    4px;
    --pm-radius-6:    6px;
    --pm-radius-8:    8px;
    --pm-radius-16:   16px;
    --pm-radius-32:   32px;
    --pm-radius-full: 999px;

    /* ---- Espaçamento (Figma: units/*) ---- */
    --pm-space-1:  1px;
    --pm-space-4:  4px;
    --pm-space-8:  8px;
    --pm-space-12: 12px;
    --pm-space-16: 16px;
    --pm-space-24: 24px;
    --pm-space-20: 20px;
    --pm-space-32: 32px;
    --pm-space-40: 40px;
    --pm-space-56: 56px;

    /* ---- Tipografia (Figma: font-family/text, font-sizes/text, font-weight) ---- */
    --pm-font:          'Plus Jakarta Sans', sans-serif;
    --pm-fs-sm:          12px; /* text/sm */
    --pm-fs-md:          14px; /* text/md */
    --pm-fs-lg:          16px; /* text/lg */
    --pm-fs-xl:          18px; /* text/xl */
    --pm-fs-heading-md:  32px; /* font-sizes/heading/md */
    --pm-fs-heading-lg:  40px; /* font-sizes/heading/lg */
    --pm-fs-heading-xxl: 56px; /* font-sizes/heading/xxl */
    --pm-fw-medium:     500;
    --pm-fw-semibold:   600;
    --pm-fw-bold:       700;
    --pm-line-height:   1.5;

    /* ---- Sombra ---- */
    --pm-shadow-lg: 0 12px 16px -4px #0a0f1414, 0 4px 6px -2px #0a0f140a;
}