/* =========================================================
   Andrea Wissing Institute — design tokens
   Espelho das variáveis do Figma (arquivo BUH4rCsiR7LPgSg2AfIaev).
   Os nomes seguem o "code syntax" definido lá: mudou no Figma,
   muda aqui com o mesmo nome.
   ========================================================= */

:root {
	/* --- Primitives --- */
	--aw-green-deep:        #637055;
	--aw-green-deep-hover:  #4e5943;
	--aw-green-deep-soft:   #7a876b;
	--aw-brown-earth:       #815c3d;
	--aw-brown-earth-hover: #67492f;
	--aw-sage-light:        #bcbb99;
	--aw-sage-pale:         #dcdbc9;
	--aw-cream-base:        #eee6d8;
	--aw-cream-soft:        #f6f1e8;
	--aw-gold-base:         #a08860;
	--aw-gold-light:        #c4ae8a;
	--aw-ink-base:          #2e251d;
	--aw-ink-soft:          #5a5048;
	--aw-ink-muted:         #8a8078;
	--aw-neutral-border:    #d8d2c4;
	--aw-neutral-white:     #ffffff;

	/* --- Color (semânticos) --- */
	--aw-bg-page:      var(--aw-cream-soft);
	--aw-bg-surface:   var(--aw-neutral-white);
	--aw-bg-muted:     var(--aw-cream-base);
	--aw-bg-inverse:   var(--aw-green-deep);
	--aw-bg-accent:    var(--aw-brown-earth);
	--aw-bg-sage:      var(--aw-sage-pale);

	--aw-text-primary:        var(--aw-ink-base);
	--aw-text-secondary:      var(--aw-ink-soft);
	--aw-text-muted:          var(--aw-ink-muted);
	--aw-text-inverse:        var(--aw-cream-soft);
	--aw-text-accent:         var(--aw-gold-base);
	--aw-text-on-accent:      var(--aw-neutral-white);
	--aw-text-accent-on-dark: var(--aw-cream-soft); /* ouro não passa 4.5:1 sobre verde/marrom */

	--aw-border-subtle:  var(--aw-neutral-border);
	--aw-border-strong:  var(--aw-sage-light);
	--aw-border-inverse: var(--aw-green-deep-soft);

	--aw-action-primary:         var(--aw-brown-earth);
	--aw-action-primary-hover:   var(--aw-brown-earth-hover);
	--aw-action-secondary:       var(--aw-green-deep);
	--aw-action-secondary-hover: var(--aw-green-deep-hover);

	/* --- Spacing --- */
	--aw-space-4: 4px;   --aw-space-8: 8px;   --aw-space-12: 12px;
	--aw-space-16: 16px; --aw-space-20: 20px; --aw-space-24: 24px;
	--aw-space-32: 32px; --aw-space-40: 40px; --aw-space-48: 48px;
	--aw-space-64: 64px; --aw-space-80: 80px; --aw-space-96: 96px;
	--aw-space-120: 120px; --aw-space-160: 160px;

	/* --- Radius --- */
	--aw-radius-none: 0;
	--aw-radius-sm:   4px;
	--aw-radius-md:   8px;
	--aw-radius-lg:   16px;
	--aw-radius-xl:   24px;
	--aw-radius-pill: 999px;

	/* --- Layout (grid do briefing: 1920 / 1280 / 12 col / gutter 20) --- */
	--aw-grid-frame-width:   1920px;
	--aw-grid-content-width: 1280px;
	--aw-grid-margin:        320px;
	--aw-grid-columns:       12;
	--aw-grid-gutter:        20px;

	/* --- Typography: famílias (substitutas das fontes comerciais da marca) --- */
	--aw-font-display: "Cormorant Garamond", Georgia, "Times New Roman", serif; /* Arnika */
	--aw-font-lockup:  "Jost", "Futura", "Century Gothic", sans-serif;           /* Atyp */
	--aw-font-body:    "Figtree", system-ui, -apple-system, "Segoe UI", sans-serif; /* Clother */

	/* --- Typography: escala. O valor máximo de cada clamp é o tamanho exato do Figma em 1920. --- */
	--aw-size-display-xl: clamp(2.75rem, 1.6rem + 4.2vw, 5.5rem);   /* 88 */
	--aw-size-display-final: clamp(2.5rem, 1.4rem + 3.4vw, 4.5rem); /* 72 */
	--aw-size-display-lg: clamp(2.25rem, 1.4rem + 2.8vw, 4rem);     /* 64 */
	--aw-size-display-schools: clamp(2.125rem, 1.3rem + 2.5vw, 3.5rem); /* 56 */
	--aw-size-display-md: clamp(2rem, 1.2rem + 1.9vw, 3rem);        /* 48 */
	--aw-size-display-sm: clamp(1.625rem, 1.2rem + 1vw, 2.25rem);   /* 36 */
	--aw-size-heading:    1.75rem;                                   /* 28 */
	--aw-size-body-lg:    clamp(1.125rem, 1.05rem + 0.25vw, 1.25rem); /* 20 */
	--aw-size-body:       clamp(1.0625rem, 1rem + 0.15vw, 1.125rem);  /* 18 */
	--aw-size-body-sm:    1rem;                                      /* 16 */
	--aw-size-label:      0.875rem;                                  /* 14 */
	--aw-size-eyebrow:    0.8125rem;                                 /* 13 */
}