/* Design Tokens — Camila Nascimento | Psicóloga Clínica */
:root {
	/* === CORES PRIMÁRIAS === */
	--color-primary:        #51544D;  /* Verde musgo escuro */
	--color-primary-light:  #888E82;  /* Verde musgo médio */

	/* === COR DE ACENTO === */
	--color-accent:         #AA8863;  /* Caramelo/dourado */
	--color-accent-hover:   #96775A;  /* Caramelo escuro */
	--color-accent-light:   #C9A882;  /* Caramelo claro */

	/* === BACKGROUNDS === */
	--color-bg-white:       #FFFFFF;
	--color-bg-cream:       #F5F0E8;
	--color-bg-cream-light: #FAF7F2;
	--color-bg-dark:        #51544D;
	--color-bg-dark-alt:    #3E4139;

	/* === GRADIENTES === */
	--gradient-primary: linear-gradient(135deg, #51544D 0%, #888E82 100%);
	--gradient-section: linear-gradient(180deg, #888E82 0%, #51544D 100%);
	--gradient-card:    linear-gradient(to bottom, rgba(81,84,77,0) 50%, rgba(81,84,77,0.85) 100%);

	/* === TEXTOS === */
	--color-text-dark:      #2C2C2A;
	--color-text-medium:    #51544D;
	--color-text-light:     #FFFFFF;
	--color-text-muted:     #888E82;
	--color-text-accent:    #AA8863;

	/* === BORDAS === */
	--color-border-light:   #E8E2D9;
	--color-border-accent:  #AA8863;
	--color-border-card:    rgba(170, 136, 99, 0.25);

	/* === TIPOGRAFIA === */
	--font-serif:  'Lora', Georgia, serif;
	--font-sans:   'Poppins', system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, 'Helvetica Neue', Arial, sans-serif;

	--text-xs:   0.75rem;   /* 12px */
	--text-sm:   0.875rem;  /* 14px */
	--text-base: 1rem;      /* 16px */
	--text-lg:   1.125rem;  /* 18px */
	--text-xl:   1.25rem;   /* 20px */
	--text-2xl:  1.5rem;    /* 24px */
	--text-3xl:  1.875rem;  /* 30px */
	--text-4xl:  2.25rem;   /* 36px */
	--text-5xl:  3rem;      /* 48px */

	--leading-tight:  1.2;
	--leading-snug:   1.35;
	--leading-normal: 1.5;
	--leading-relaxed:1.7;

	--tracking-tight:  -0.02em;
	--tracking-normal:  0em;
	--tracking-wide:    0.05em;
	--tracking-wider:   0.1em;
	--tracking-widest:  0.15em;

	--font-light:    300;
	--font-regular:  400;
	--font-medium:   500;
	--font-semibold: 600;
	--font-bold:     700;

	/* === ESPAÇAMENTOS === */
	--space-1:   0.25rem;   /* 4px */
	--space-2:   0.5rem;    /* 8px */
	--space-3:   0.75rem;   /* 12px */
	--space-4:   1rem;      /* 16px */
	--space-5:   1.25rem;   /* 20px */
	--space-6:   1.5rem;    /* 24px */
	--space-8:   2rem;      /* 32px */
	--space-10:  2.5rem;    /* 40px */
	--space-12:  3rem;      /* 48px */
	--space-16:  4rem;      /* 64px */
	--space-20:  5rem;      /* 80px */
	--space-24:  6rem;      /* 96px */
	--space-32:  8rem;      /* 128px */

	/* === GRID === */
	--container-max:       1100px;
	--container-padding:   1.5rem; /* mobile */
	--container-padding-md:2.5rem; /* tablet */
	--container-padding-lg:4rem;   /* desktop */

	--section-padding-y-mobile:  3.5rem;
	--section-padding-y-desktop: 6rem;

	/* === BREAKPOINTS === */
	--bp-sm:  480px;
	--bp-md:  768px;
	--bp-lg:  1024px;
	--bp-xl:  1280px;

	/* === RAIOS, SOMBRAS === */
	--radius-sm:   8px;
	--radius-md:   16px;
	--radius-lg:   24px;
	--radius-xl:   32px;
	--radius-2xl:  48px;
	--radius-full: 999px;

	--shadow-sm:   0 2px 8px rgba(81, 84, 77, 0.10);
	--shadow-md:   0 4px 20px rgba(81, 84, 77, 0.15);
	--shadow-lg:   0 8px 40px rgba(81, 84, 77, 0.20);
	--shadow-card: 0 4px 24px rgba(81, 84, 77, 0.12);
	--shadow-hero: 0 20px 60px rgba(81, 84, 77, 0.18);

	--border-width: 1px;
	--border-style: solid;
	--border-light: 1px solid var(--color-border-light);
	--border-accent: 1px solid var(--color-border-accent);

	/* === TRANSIÇÕES === */
	--transition-fast:   0.15s ease;
	--transition:        0.3s ease;
	--transition-slow:   0.4s ease;
	--transition-enter:  0.5s cubic-bezier(0.22, 1, 0.36, 1);
}

@media (max-width: 768px) {
	:root {
		/* ajustes sutis mobile onde necessário */
	}
}