/* =============================================================================
   ORIII — Design Tokens (Design System v1.0 · seções 6–10, 25–27)
   ========================================================================== */

:root {
	/* --- Cores de marca -------------------------------------------------- */
	--color-brand-navy:  #182431;
	--color-brand-taupe: #71695E;
	--color-brand-sand:  #CFC2AF;
	--color-brand-ivory: #F4F0E8;
	--color-brand-white: #FFFFFF;
	--color-brand-gold:  #B89455;

	/* --- Cores semânticas --------------------------------------------------- */
	--color-background-primary: var(--color-brand-ivory);
	--color-background-inverse: var(--color-brand-navy);
	--color-surface:            var(--color-brand-white);
	--color-surface-muted:      #EFEAE0;
	--color-text-primary:       var(--color-brand-navy);
	--color-text-secondary:     var(--color-brand-taupe);
	--color-text-inverse:       var(--color-brand-ivory);
	--color-border-subtle:      #D8D0C4;
	--color-border-strong:      var(--color-brand-navy);
	--color-accent:             var(--color-brand-gold);

	/* Estados */
	--color-success: #4B6B57;
	--color-error:   #9A3B34;
	--color-info:    var(--color-brand-navy);

	/* --- Tipografia ------------------------------------------------------- */
	--font-display:   "Cinzel", "Times New Roman", serif;
	--font-body:      "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
	--font-editorial: "Playfair Display", Georgia, serif;

	--fs-display-xl: 4rem;      /* 64 */
	--fs-display-lg: 3rem;      /* 48 */
	--fs-heading-xl: 2.5rem;    /* 40 */
	--fs-heading-lg: 2rem;      /* 32 */
	--fs-heading-md: 1.75rem;   /* 28 */
	--fs-heading-sm: 1.5rem;    /* 24 */
	--fs-body-lg:    1.125rem;  /* 18 */
	--fs-body-md:    1rem;      /* 16 */
	--fs-body-sm:    0.875rem;  /* 14 */
	--fs-caption:    0.75rem;   /* 12 */
	--fs-micro:      0.625rem;  /* 10 */

	--lh-display: 1.1;
	--lh-heading: 1.2;
	--lh-body:    1.55;
	--lh-caption: 1.35;

	--tracking-display: 0.06em;
	--tracking-eyebrow: 0.22em;
	--tracking-button:  0.14em;

	/* --- Espaçamento (base 4px) ---------------------------------------------- */
	--space-1:  4px;
	--space-2:  8px;
	--space-3:  12px;
	--space-4:  16px;
	--space-5:  24px;
	--space-6:  32px;
	--space-7:  48px;
	--space-8:  64px;
	--space-9:  80px;
	--space-10: 96px;
	--space-11: 128px;

	/* --- Layout --------------------------------------------------------------- */
	--container-max:   1200px;
	--container-wide:  1440px;
	--container-text:  680px;
	--gutter:          var(--space-5);

	/* --- Raio ----------------------------------------------------------------- */
	--radius-none: 0px;
	--radius-sm:   2px;
	--radius-md:   4px;
	--radius-lg:   8px;

	/* --- Sombras ------------------------------------------------------------ */
	--shadow-sm: 0 2px 8px rgba(24, 36, 49, 0.06);
	--shadow-md: 0 8px 24px rgba(24, 36, 49, 0.10);
	--shadow-lg: 0 16px 40px rgba(24, 36, 49, 0.12);

	/* --- Motion ------------------------------------------------------------- */
	--duration-fast:   200ms;
	--duration-normal: 350ms;
	--duration-slow:   500ms;
	--ease: cubic-bezier(0.22, 0.61, 0.36, 1);
}