/* ==========================================================================
   Lady Semijoias — Design Tokens
   Single source of truth para cores, tipografia, espaços e estilos visuais.
   ========================================================================== */

:root {
	/* ----- Cores: Dourado (primária da marca) ----- */
	--lady-gold-100: #F4E9C7;
	--lady-gold-300: #E0CC85;
	--lady-gold-500: #C8A957;  /* primária — ações, logo, destaques */
	--lady-gold-600: #B69748;
	--lady-gold-700: #9C7E2F;
	--lady-gold-800: #7B6322;

	/* ----- Cores: Marfim/Ivory (background da marca) ----- */
	--lady-ivory-50:  #FDFAF2;
	--lady-ivory-100: #FAF6EE;  /* background base */
	--lady-ivory-200: #F4ECDB;  /* sidebar, cards neutros */
	--lady-ivory-300: #EDE5D2;  /* borders sutis, hover suave */
	--lady-ivory-400: #DFD4B8;

	/* ----- Cores: Charcoal (textos e neutros) ----- */
	--lady-charcoal-50:  #F7F7F7;
	--lady-charcoal-100: #ECECEC;
	--lady-charcoal-300: #C7C7C7;
	--lady-charcoal-500: #8A8A8A;
	--lady-charcoal-600: #5A5A5A;  /* texto secundário */
	--lady-charcoal-800: #2E2E2E;
	--lady-charcoal-900: #1F1F1F;  /* texto principal */

	/* ----- Cores semânticas ----- */
	--lady-success-100: #E5F2E7;
	--lady-success-500: #5DAA64;
	--lady-success-700: #3D8D44;

	--lady-danger-100:  #F8E3E1;
	--lady-danger-500:  #C0524C;
	--lady-danger-700:  #9A3F3A;

	--lady-warning-100: #FBEED1;
	--lady-warning-500: #D9A22A;

	--lady-info-100:    #E1ECF6;
	--lady-info-500:    #4A8FCB;

	/* ----- Aliases semânticos ----- */
	--lady-bg:          var(--lady-ivory-100);
	--lady-bg-alt:      var(--lady-ivory-50);
	--lady-surface:     #FFFFFF;
	--lady-border:      var(--lady-ivory-300);
	--lady-border-strong: var(--lady-ivory-400);
	--lady-text:        var(--lady-charcoal-900);
	--lady-text-muted:  var(--lady-charcoal-600);
	--lady-text-subtle: var(--lady-charcoal-500);
	--lady-primary:       var(--lady-gold-500);
	--lady-primary-hover: var(--lady-gold-600);
	--lady-primary-active: var(--lady-gold-700);
	--lady-on-primary:   #FFFFFF;

	/* ----- Tipografia ----- */
	--lady-font-display: 'Cormorant Garamond', 'Times New Roman', Georgia, serif;
	--lady-font-body: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;

	--lady-fs-xs:   0.75rem;   /* 12 */
	--lady-fs-sm:   0.875rem;  /* 14 */
	--lady-fs-base: 1rem;      /* 16 */
	--lady-fs-md:   1.125rem;  /* 18 */
	--lady-fs-lg:   1.25rem;   /* 20 */
	--lady-fs-xl:   1.5rem;    /* 24 */
	--lady-fs-2xl:  1.875rem;  /* 30 */
	--lady-fs-3xl:  2.25rem;   /* 36 */

	--lady-fw-regular: 400;
	--lady-fw-medium:  500;
	--lady-fw-semibold: 600;
	--lady-fw-bold:    700;

	--lady-lh-tight:  1.2;
	--lady-lh-normal: 1.5;
	--lady-lh-relaxed: 1.7;

	/* ----- Espaços (4px baseline) ----- */
	--lady-space-0:  0;
	--lady-space-1:  0.25rem;  /* 4 */
	--lady-space-2:  0.5rem;   /* 8 */
	--lady-space-3:  0.75rem;  /* 12 */
	--lady-space-4:  1rem;     /* 16 */
	--lady-space-5:  1.25rem;  /* 20 */
	--lady-space-6:  1.5rem;   /* 24 */
	--lady-space-8:  2rem;     /* 32 */
	--lady-space-10: 2.5rem;   /* 40 */
	--lady-space-12: 3rem;     /* 48 */
	--lady-space-16: 4rem;     /* 64 */

	/* ----- Raios ----- */
	--lady-radius-sm:   4px;
	--lady-radius-md:   8px;
	--lady-radius-lg:   12px;
	--lady-radius-xl:   16px;
	--lady-radius-pill: 999px;

	/* ----- Sombras ----- */
	--lady-shadow-xs: 0 1px 2px rgba(31, 31, 31, 0.04);
	--lady-shadow-sm: 0 1px 3px rgba(31, 31, 31, 0.06), 0 1px 2px rgba(31, 31, 31, 0.04);
	--lady-shadow-md: 0 4px 8px rgba(31, 31, 31, 0.06), 0 2px 4px rgba(31, 31, 31, 0.04);
	--lady-shadow-lg: 0 12px 24px rgba(31, 31, 31, 0.08), 0 4px 8px rgba(31, 31, 31, 0.04);
	--lady-shadow-focus: 0 0 0 3px rgba(200, 169, 87, 0.25);

	/* ----- Layout / Z-index ----- */
	--lady-sidebar-width: 260px;
	--lady-sidebar-width-compact: 80px;
	--lady-topbar-height: 64px;
	--lady-z-topbar: 50;
	--lady-z-overlay: 60;
	--lady-z-sidebar: 70;
	--lady-z-modal: 80;
	--lady-z-toast: 90;

	/* ----- Transições ----- */
	--lady-transition-fast: 120ms ease-out;
	--lady-transition: 200ms ease-out;
	--lady-transition-slow: 320ms ease-out;
}
